기본적으로 angularJS에 대한 내용을 알아보기 위해서는
https://angular.io
위의 URL로 이동하여 예시를 따라하거나 예제 파일을 활용할 수 있다.
먼저 위의 홈페이지로 이동하여 GETTING STARTED 화면을 보면 간단하게 프로젝트를 생성하고 확인할 수 있도록 되어있다.
우선 가장 먼저 해야할 것은
https://nodejs.org/en/download/
해당 사이트로 이동하여 node.js를 다운받아 설치한다.
해당 사이트의 화면으로 맞는 버전을 찾기 위해 위에 DOWNLOADS에 들어갔다.
필요한 버전을 찾아 다운로드를 했다.
다운로드 된 아이콘을 확인하고 설치를 시작.
Next 클릭.
설치중......
설치가 완료된 것을 확인할 수 있다.
이제 cmd(명령 프롬프트) 창을 열어 node 버전을 확인하고 실행을 시킬 수 있다.
cmd 창은 위와 같이 검색을 해서 간단하게 열 수 있다.
위와 같이 node --version을 입력 하면, 정상 설치가 완료되었을 경우 설치한 node의 버전을 확인할 수 있다.
다음에는 npm install -g @angular/cli를 입력하여 Angular CLI를 설치한다.
angular 프로젝트를 생성하기 위해서는 위의 명령어를 작성하면 된다.
(my-app은 프로젝트 명이다)
위와 같이 생성한 프로젝트 안으로 들어가서 프로젝트를 실행시키면 아래와 같은 화면이 열리는 것을 확인할 수 있다.
프로젝트가 실행되는데 어느정도의 시간이 소요된다.
가장 기본적으로 따라해볼 수 있는 내용인 것 같다.
그리고 명령 프롬프트에
ng build 를 입력하면 해당 프로젝트를 배포할 수 있는 형태로 빌드해준다.
또한, 기존에는 프로젝트를 생성해도 해당 경로에서 프로젝트가 보이지 않는데, 빌드를 하고 나면 해당 경로에서 프로젝트를 확인할 수 있다.
'알아가기 > AngularJS' 카테고리의 다른 글
이클립스에서 AngularJS 프로젝트 생성하기 (0) | 2017.07.20 |
---|---|
TypeScript 기본 내용 (0) | 2017.06.30 |
ECMAScript2015(ES6) 기본 개념 (0) | 2017.06.28 |
자바스크립트 패턴 모듈패턴(IIFE) (0) | 2017.06.14 |
자바스크립트 패턴 클로저(Closures) 개념 (0) | 2017.06.05 |