node.js 예제
1. node-practice
2. node-connect-ex
3. node-express-ex01
4. node-express-emaillist
5. node-express-guestbook
6. node-express-ex02(Webstorm Wizard)
7. node-express-mysite -> mysite2, mysite3, mysite4(javaConfig), mysite5 (config initializer), spring-boot-mysite
8. python-django-mysite
1. 프로젝트 생성 및 설정(ECMAScript 버전 확인, Node.js 라이브러리 Enable(Coding assistance for Node.js 체크) )
2. npm install express,
npm install ejs, (View)
npm install serve-favicon
npm install mongoose(mongoDB), (Model ?)
npm install mongoose-auto-increment(id를 숫자로 사용하면서 자동증가),
npm install moment (시간을 fomating할수있음)
3. app.js 작성
4. express 프로젝트 구조 숙지
l
l--- app.js
l--- package.json (의존성 표시)
l--- public
l l--- images
l l--- css
l l--- js ( *주의 : 브라우저에서 실행되는 js 헷갈릴수있다)
l
l--- routes(Controller)
l l--- main.js
l l--- guestbook.js
l l--- user.js
l l--- board.js
l
l--- views(View)
l l--- main
l l l--- index.ejs
l l--- user
l l l--- login.ejs
l l l--- join.ejs
l--- modes (DataBase MongoDB)
l l--- User.js (문서가 되는 스키마?)
l l--- GuestMessage ( 게스트의 메세지들이 문서로 모여있는거 (스키마), 객체를 만드는거라 볼수있어서 ORM이 자동으로됨)
emaillist 프로젝트 구조
emaillist
l
l--- app.js
l--- package.json (의존성 표시)
l--- public
l l--- images
l l--- css
l l--- js ( *주의 : 브라우저에서 실행되는 js 헷갈릴수있다)
l
l--- routes(Controller)
l l--- index.js
l l--- emaillist.js
l
l--- views(View)
l l--- form.ejs
l l--- list.ejs
l
l--- modes (DataBase MongoDB, Model)
l l--- email.js
5. route 작업
/
/emaillist/form
/emaillist/add
/emaillist/list
아래는 실제 어플리케이션 url
/form
/add
6. view 작업 (EJS Template 엔진) //jade를 많이씀 EJS는 자바개발자가 좋아함
7. 폼 데이터 가져오기 (bodyParser)
8. model 작업(Mongoos)
9. insert 작업
10. list 작업 (ejs 뷰 렌더링)
guestbook 프로젝트 구조
guestbook
l
l--- app.js
l--- package.json (의존성 표시)
l--- public
l l--- images
l l l--- favicon.ico
l
l--- routes(Controller)
l l--- guestbook.js
l
l--- views(View)
l l--- delete.ejs
l l--- list.ejs
l
l--- modes (DataBase MongoDB, Model)
l l--- GuestbookMessage.js
node.js express express App -> option -> EJS, plain CSS 선택
settings -> Language & Frameworks -> JavaScript -> JavaScriptLanguageVersion 낮출수있다
구글에 express manual 한글 쳐서 참조 많이하기