18 posts in total

Front End-web-dev

Posts tagged

ASP.NET Core 애플리케이션에서 Vue.js 통합하기

by Justin Yoo · 6 min read

Vue.js는 최근에 나온 프론트엔드 프레임워크로서 다른 프론트엔드 프레임워크에 비해 굉장히 가볍고 상대적으로 러닝커브가 낮은 편이다. ASP.NET Core 애플리케이션은 다양한 프론트엔드 프레임워크 – Angular2, Aurelia, React, Knockout 등 – 를 지원하지만 안타깝게도 이 Vue.js 는 지원하지 않는다. 최근 몇몇 포스트에서 이를 다루었으나 Vue.js 에서 기본적으로 제공하는 템플릿과는 거리가 있어 처음 접하는 사람이 다루기에는 무리가 있다. 이 포스트에서는 AS ...

Angular 앱에 Web API 적용하기

by Justin Yoo · 3 min read

지난 포스트에 이어 이번에는 Web API를 ng에 통합시키는 예제를 보기로 한다. TypeScript 라이브러리를 이용한 Angular 앱 만들기 Angular 앱에 Web API 적용하기 Web API 응답 문서에 HAL 적용하기 Swagger 및 HAL, AutoRest를 이용한 Web API 서비스 콘트랙트 자동화 Angular 앱 상호작용 - 이벤트 소싱과 CQRS ng 앱은 기본적으로 MVVM (Model-View-ViewModel) 패턴을 지원하는데, 이는 다른 말로 하면 디렉 ...

TypeScript 라이브러리를 이용한 Angular 앱 만들기

by Justin Yoo · 6 min read

AngularJS(이하 ng)는 SPA에 쓰이는 자바스크립트 프레임워크들 중에서 가장 인기 있는 것이라고 해도 과언이 아니다. ng는 현재 2.x 버전이 알파 테스트 중이며 현재는 1.4.x 버전이 쓰이고 있는데, 2.x 버전은 TypeScript (이하 ts)를 이용해서 만들어진다고 한다. 그렇다면, 1.4.x 버전의 ng에서는 ts를 쓸 수 없는가 하면, 또 그런 것도 아니다. 이 포스트를 비롯해 이어지는 일련의 포스트들에서는 ts를 이용하여 ng 앱을 개발하는 것에 대해 간단한 예제코드를 통 ...

GitHub API를 이용하여 페이지 만들기

by Justin Yoo · 5 min read

깃헙 리포지토리를 만들어서 소스코드를 공유하다보면 최소한 한 번 쯤은 깃헙 페이지를 만들어서 운영할 기회가 생긴다. 보통 이렇게 페이지를 만들어 운영할 때는 리포지토리에 대한 소개라든가 하는 경우들이 많기 때문에 깃헙에서 제공하는 리포지토리 관련 API를 이용하면 조금 더 편리하게 페이지를 작성할 수 있다. 여기서는 깃헙 API를 이용하여 README.md 파일을 변환하는 것, 특정 디렉토리의 파일들을 나열하는 것들을 구현해 보기로 한다. gh-pages 브랜치 만들기 우선 페이지를 만들고자 하는 ...

자바스크립트에서 strict mode를 사용해야 하는 이유

by Justin Yoo · 2 min read

이 포스트는 Stack Overflow의 What does “use strict” do in JavaScript, and what is the reasoning behind it?의 질문과 답변을 번역한 내용입니다. 자바스크립트에서 use strict는 뭘 하는 것이고, 왜 그걸 써야 하나요? 질문: 최근에 내가 짰던 자바스크립트 코드를 크록포드의 JSLint를 통해 실행시켰더니 아래와 같은 에러가 나타났습니다: Problem at line 1 character 1: Missing "use st ...

Alienstrap for Wordpress

by Justin Yoo · 1 min read

I am pleased to announce that our Aliencube Community officially launches a Wordpress theme called Alienstrap for Wordpress (Alienstrap). Alienstrap is a Wordpress theme using Twitter Bootstrap 3. This provides a basic and simple UI that let visitors keep focusing on your conten ...