앵귤러 시작하기

 

 

앵귤러를 시작하기 위해서는 먼저 Node.js를 설치하여야 한다.
Node.js는 오픈 소스이며, 아래 홈페이지에서 다운받아 설치 할 수 있다.
https://nodejs.org/ko/

 

노드를 설치하고 나면, Node.js 언어를 사용하는 것이 아니고, Node.js에 있는 패키지 관리 도구를 활용하여 앵귤러 모듈을 설치한다.
아래 명령어를 활용 하여 타입스크립트를 설치 한다.
npm install -g typescript

설치가 완료 되면 앵귤러를 사용하기위한 모듈, 앵귤러 CLI를 바로 설치 한다.
npm i @angular/cli -g

여기서 npm은 Node.js에서 제공하는 패키지 관리도구 명령어 이며, -g는 글로벌 변수로 사용하겠다는 옵션이다.

프로젝트 생성 및 실행은
 - ng new 프로젝트 명
 - ng serve   * 생성된 프로젝트 디렉토리로 이동 후

프로젝트가 만들어지는 모습

localhost 4200번 포트로 접속한 모습

ng serve로 실행하면 4200포트로 테스트용 서버가 동작 한다.

 

여기서 알아야 할 것은,

앵귤러로 만든 프로젝트는 전부 비동기 방식이다.

즉, 서버코드가 단 1줄도 들어가지 않는 코드라는 점 이다. Ajax만 활용해서 페이지가 그려지고 지워지는 느낌과 비슷한 개념으로 보면 된다.

그래서, 예전 프로그래밍 기법으로 서버코드를 어떻게 넣지? jstl은 어떻게 쓰지라는 생각은 버려야 한다.

 

앵귤러를 활용해서 프로젝트를 시작 한다면 서버는 단순히 데이터를 등록, 수정, 삭제, 전달만 하는 기능으로 구현해야 된다. 정말로 데이터 관리만 하는 역할로 서버를 만들어야 한다.

그리고 화면구성, 요청, 요청에 따른 페이지 이동은 전부 앵귤러에게 맏기면 된다.