![]()
1. MEAN StackMEAN Stack 어플을 개발하면서 진행하는 과정들을 복습겸 공부하고자 기록한다. 2. MEAN Stack 개발 시작 - Node Server 구동 npm, node.js가 설치되있다는 전제하에 다음 과정을 진행 1) init- 개발을 진행할 폴더를 만들고 해당 위치에서 Console 창을 열어 [ npm init ] 명령어를 실행한다. - 폴더명이 sample이라면, C:\~~\sample> npm init 명령어를 실행한다. - 실행하면 몇가지 질문들이 나오는데 project 이름, 설명, 버전등을 입력하고 main : (index.js) 입력창에서는 index.js 대신 server.js를 입력한다.- 위 과정을 끝내면 package.json 파일이 생성된다. 2) pack..
![]()
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는 커맨드라인 인터페이스 툴이며,..
