Angular> Create Project

Angular 용어

Component : Angular에서 핵심으로 두 가지로 나뉜다.

1. 유저 인터페이스를 위한 view

2. 어플리케이션 로직을 담는 class/ view를 위한 이벤트 핸들러

View Template : component를 위한 유저 인터페이스. 동적 요소가 있는 정적 HTML

Directive : HTML 구성에 custom behavior를 넣는다. 

Service : 서버에서 데이터를 얻거나, 계산이나 유효성을 수행을 도와주는 클래스

Module : 관련된 component, directives, service 등등을 모아둔 모음집

 

 

 

http://cli.angular.io 

Angular

CLI : Command Line Interface 

 

npm install -g @angular/cli

: 이걸로 설치

ng version

: 버전확인

ng help

: 도움말

ng new [여기에 프로젝트 이름 입력]

: 프로젝트 생성

ng serve 

1. 앱 빌드 complie/ transpile

2. server 시작

3. 소스 파일 확인

4. 소스가 업데이트 되어있으면 재빌드

 

ng serve --open

: 위랑 같은데 웹 브라우저에 연다 .

http://localhost:4200 여기에 

 

ng serve --port 5100

: server port 5100으로 변경

 

ng serve --port 5100 --open 

: 위랑 같은데 웹브라우저에 연다. 

http://localhost:5100 여기에 

 

 

cd로 프로젝트 이동후 ng serve 입력.

보통 경로는 c드라이브 사용자 폴더에 위치

그리고 브라우저로 localhost:4200/ 접속하면 된다. 

아톰에서 프로젝트 폴더 불러오기 고고