Skeleton의 세상

Angular CLI 명령어 정리 ng -help CLI 도움말을 확인합니다 ng new 프로젝트 명 새로운 Angular2 프로젝트를 생성합니다 ng test 단위 테스트를 실행합니다 ng build 개발을 위한 빌드 명령어 입니다 ng build -prod 프로덕션을 위한 빌드 명령어 입니다 ng e2e 종단 테스트를 수행합니다 ng serve 개발 서버를 실행합니다 ng serve --prot 4201 --live-reload-port 49153 서버포트는 4021번으로 라이브 리로드 서버포트는 49153번으로

Angular CLI 소개 CLI(Command Line Interface)는 개발자가 Angular 개발에만 집중할 수 있도록 개발에 필요한 Angular 프로젝트의 설정이나 프로젝트의 전반적인 관리를 명령어 기반으로 수행할 수 있게 지원합니다 Angular CLI 설치 $ npm install -g angular-cli -g를 통하여 전역으로 설치를 진행하고나면 ng명령어를 이용하여 Angular CLI에 제공하는 기능을 실행할 수 있습니다 $ ng -help 위의 명령어로 어떤 명령어들을 사용할 수 있는지 볼 수 있습니다 Angular CLI 프로젝트 생성 $ ng new hello-ng2 위의 명령어로 프로젝트를 생성할 수 있습니다 $ cd hello-ng2 $ ng serve serve 명령어를..

Angular 웹 애플리케이션을 구성하는 구성요소는 크게 4가지로 구분됩니다. 컴포넌트(component) Angular2의 구성요소중 가장 핵심이 되는 구성요소입니다. 이 컴포넌트 중심으로 개발이 이루어지며 컴포넌트는 크게 지시자, 템플릿, 클래스로 나뉩니다 import { Component } from '@angular/core'; @Component({ selector: 'my-component', template: '{{msg}}' }) export class MyComponent { msg: string = "hello"; } 위의 코드를 보면서 한번 살펴봅시다 먼저 컴포넌트를 정의할때는 @Component 장식자를 이용해 정의합니다 selector 속성에는 컴포넌트의 지시자가 있고 templa..

Angular2는 AngularJS의 확장판이 아닌 새로운 프레임 워크입니다. 즉 개발환경, 개발방식 모두 Angular와는 완전히 달라졌습니다... (새로공부하는 거라니..) 기존에 Angular를 쓰시던 분들은 이런 내용들으면 정말 멘붕 당했을거 같은데요. 이번에 저도 공부하면서 글을 쓰고 있습니다 물론 저는 Angular2 부터 공부하고 있지만요 글의 주제와 맞게 이번에 Angular2의 특징에 대하여 알아보려 합니다. 3종류 정도의 특징을 적을까 합니다. 1. 컴포넌트 기반 개발 Angular2는 컴포넌트 기반으로 개발하여 생산성을 높이고 대규모 애플리케이션에 걸맞는 구조를 가지고 있습니다. 2. 타입스크립트를 주력 언어로 채택 TypeScript는 마이크로소프트에서 만든 자바스크립트의 상위 집합..