Frontweb 개발 study 2

개발 툴 소개(visual studio code)

많은 frontweb 개발 관련 문서에서 visual studio code 를 에디터로 사용하는 것을 추천한다. 모든 OS 를 지원하고 있고, typescript 를 만든 microsoft 에서 만든 에디터 이므로 많은 이점이 있을거라고 생각한다. 확장 모듈로 angular 2 + Snippets 를 설치해주면 좋다.

유용한 단축키로는 ctrl + b 탐색창 닫기, ctrl + p 커맨드팔레트가 있다. import 된 부분에서 해당 함수를 ctrl + click 하면 원래 선언되 파일로 이동하여 내부 소스를 확인 할 수 있다.

Angular CLI(Command Line Tool) 사용법

angular2 에서는 기본소스? 를 자동으로 만들어주는 기능을 사용할 수 있다. 이를 위해서 아래 모듈을 설치한다.

nodejs 가 설치되어있는 상태에서 npm install -g @angular/cli라는 명령어를 치면 angular node module 이 전역으로 설치된다. 이후에 ng 라는 명령어를 사용할수 있고 기본 소스파일을 자동 생성할 수 있다.

ng new (my-projectname) # 새 angular 프로젝트 기본 소스 생성
ng generate component my-component # 컴포넌트 관련 파일 생성
ng generate directive my-directive # 지시자 관련 파일 생성
# ... 이외에도 명령어가 많다 책이나 github의 angular/angular-cli 의 README.md 를 참고한다.