angularJS 프로젝트 만들기

기본적으로 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 를 입력하면 해당 프로젝트를 배포할 수 있는 형태로 빌드해준다.

또한, 기존에는 프로젝트를 생성해도 해당 경로에서 프로젝트가 보이지 않는데, 빌드를 하고 나면 해당 경로에서 프로젝트를 확인할 수 있다.