[개인프로젝트] [1] Node Express 개발환경구성 (Node.js, Express, EJS, BootStrap, Express-generator)

개인프로젝트 [1]

개인프로젝트를 마음먹고 시작한지 1일차가 마무리 되었다.

 

여태 Java환경에 익숙해져있던 터라 다른 언어스택으로 개발을 해보자고 생각했고 Node를 사용해 서버환경을 구성하자라는 생각을 하고 알아보았다.

 

Express를 사용해 개발환경을 구성하고 기본 HTML이 아닌 EJS템플릿을 활용해 View를 구성할 예정이다. 사실 방금말한 문장이 정확이 맞다라는 확신도 없을 정도로 Node환경에 무지해서 차차 공부와 개발을 병행하며 진행해야 할 것 같다.

 

기본적으로 Node.js에서의 GET, POST방식의 form데이터 전송은 예제를 통해 실습을 진행하였고 UI는 정성을 쏟을 시간이 부족하다 생각해 BootStrap을 EJS에서 활용할 수는 없을까 생각하여 검색하니.. 다나온다.. 가능하고 한다.

 

따라하면서 몇번의 삽질 끝에 EJS에 BootStrap구성이 끝이났다.

 

그리고 대망의 서버의 폴더구성을 하려는데 처음이다보니 감이 서지 않아서 Node Express 폴더구성 등을 쳐보다 우연히 Express-generator라는 것을 활용해 서버 초기 구성을 할 수 있다는 것을 보고 예제를 찾아다니며 기본 프로젝트 구성을 끝냈다.

 

다음 시간에는 DB설계 및 테이블 생성 후 Express 환경에서 DB 커넥션 하는 것을 목표로 할 예정이다.

1일차 요약

1) Node.js - Visual Studio Code 환경 구성

2) Express 적용

3) Express EJS 템플릿 및 BootStrap 적용

4) Express-generator를 활용해 프로젝트 구성

5) Git 연동 및 반영

---

 

 

1일차 포스팅 블로그 (프로젝트 관련) - 5개

[Node.js] 개발 환경 구축하기(Express 서버 구축) - Visual Studio Code

[Node.js] ejs 템플릿(모듈) 설치 / Cannot find module 'ejs' 해결

[Node.js] GET, POST 요청 예제 정리 - Express 서버 구축하기

[Node.js] Express EJS에 BootStrap 적용하기

[Node.js] Express-generator 개발환경 구축하기

Git

 

GitHub - Moonybb/ggobook_project