![]()
1. AngularJS의 구조 앞서 만든 myapp 프로젝트에서 Angular가 어떤 형태로 이루어져 있으며, 각 파일들은 어떤 기능을 하는지 알아본다.자세한 내용에는 공식 홈페이지 튜토리얼에 설명되어 있다. 1.1 SRC folder 1) app/app.component.{ts,html,css,spec.ts} : Html 레이아웃, CSS Stylesheet, 단위 테스트 파일등이다. 2) app/app.module.ts : Appmodule을 정의하는 곳, Angular가 application을 어떻게 조합하고 만들지 정의되어 있다.3) assets/* : Application에서 사용하는 이미지나 여러 데이터파일을 저장하는 곳4) environments/* : 환경설정 파일이 위치5) favicon..
![]()
1. 개발 환경 구성AngularJS를 개발하기 위해 Node.js를 설치해야 한다. Node.js는 서버사이드에서 작동하는 자바스크립트를 말한다. 여기서는 AngularJS를 구동하기 위한 서버로서 Node.js를 이용하고자 한다. ( 물론 Apache Tomcat을 이용하여 구동할 수 도 있다. ) 1.1 Node.js 설치https://nodejs.org/en/ 해당 주소로 가서 Current 버전을 받는다. 설치한 후 커맨드라인을 열어 node --version을 입력하여 설치가 잘 됬는지 확인한다. 1.2 AngularJS 설치 커맨드라인에서 npm install -g @angular/cli 명령어를 입력하여 Angular-CLI를 설치한다. Angular-CLI는 커맨드라인 인터페이스 툴이며,..
