Angular 시작하기

Angular CLI 설치

angular cli(Command line interface - 명령줄 인터페이스) 를 설치한다.

npm install -g @angular/cli

Application 만들기

위에 설치된 cli를 활용하여 새로운 프로젝트를 만들 수 있습니다.

ng new my-app

현재의 하위 폴더에 my-app이라는 폴더가 만들어 지고 프로젝트를 위한 기본적인 workspace 가 생성됩니다.

Application 실행하기

my-app 폴더로 이동후 ng serve 명령어를 입력하면 브라우저에 application이 출력됩니다.

cd my-app
ng serve --open

ng serve

ng serve에는 다양한 옵션들이 있는데 몇몇 중요한 기능만을 설명 드리겠습니다.
자세한 내용은 참조 해 주시기 바랍니다.

--open

ng serve 실행시 브라우저를 open 할 것인지 여부

--port

기본 port(4200) 외에 다른 포트를 사용하려면 이곳에 값을 입력한다.

ng serve --port 3000 // 3000번 포트로 연다(http://localhost:3000)

--host

기본 호스트(localhost)외의 다른 host로 열지 확인
내부네트워크에서 현재 작업사항을 실시간으로 공유하고 싶을때 아래처럼 열어주고 command 창에서 ipconfig 명령 후 나오는 IPv4주소를 다른 내부테트워크에 속한 사람들과 공유하면 된다.

ng serve --host=0.0.0.0

--disable-host-check

접속한 유저가 허락된 hosts에 속하는지 확인하지 않는다. 보통아래처럼 host와 함께 사용한다.

ng serve --host=0.0.0.0 --disable-host-check

--ssl

https 를 이용하여 서버를 기동할때 사용하는 명령어 이다.
이곳에 좀 더 자세한 내용을 정리해 두었습니다. 보기

기타 세부 세팅

Angular Material

ng add @angular/material