(1) Angular 시작

 1. node.js 설치

Angular 시작 하기 앞서 npm(Node Package Manager) 가 필요합니다!

 

https://nodejs.org/ko/  

 

이곳에서 다운 받읍시다! 설치가 완료되면 콘솔창에 node -v 명령을 쳐서 무사히 설치가 되었는지 확인합니다.

> npm -v

무사히 설치 되었다면 버전이 뜰겁니다!

---

 2. angular 설치

본격적으로 시작해볼까요~

 

https://cli.angular.io/ 

 

angular cli 홈페이지 입니다. 들어가서 함 보셔유.

메인페이지 상단입니다. 설치부터 프로젝트 생성까지 간략히 보여줍니다.

 

> npm install -g @angular/cli@latest

 

저는 @latest 를 추가로 붙혀서 설치하겠습니다. 설치가 잘 되었으면 이제 app 생성을 해보겠습니다.

---

 3. app 생성 및 실행

app 생성할 폴더로 이동해서 다음 명령어를 칩니다. ng new [프로젝트명]

 > ng new my-first-app

? Would you like to add Angular routing? No

 앵귤러 라우팅을 추가하시겠습니까? No

? Which stylesheet format would you like to use? CSS

 어느 스타일시트 형식을 사용하시겠습니까? CSS

 

--설치--

 

중간에 경고같은 게 보일 수 있는데 괜찮습니다! 아마 OS 문제일테니까요.

이제 서버를 실행시켜 봅시당. 생성된 app 폴더로 이동해서 ng serve!!!

 

 > cd my-first-app

 > ng serve

--------

--------

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
i ｢wdm｣: Compiled successfully.

 

잘됐다네용 ㅎㅎ localhost:4200 들어가보면

빠밤~ 이뿌게 잘 떴네요. 아 ng serve 취소하고 싶다면 ctrl+c 누르시면 되는데! 취소하지 말고 다음단계로 ㄱㄱ

 

이상 앵귤러 app 생성 방법이었습니다.

아, 혹시 틀린 부분이 있거나 수정해야 할 부분 있으면 알려주시면 감사하겠습니다. 꾸벅 (_ _)