02 간단한 ToDo 리스트 만들기
프로젝트 시작하기
프로젝트를 시작하기 위해서는 먼저 프로젝트의 구조를 잡아야 합니다.
Express.js 웹 프레임워크를 이용하면 웹 어플리케이션을 만들기 위한 프로젝트의 구조를 MVC(Model-View-Controller) 형태로 쉽게 생성할 수 있습니다.
구름IDE에서는 Express 예제 프로젝트를 제공하고 있으므로 이를 이용하면 프로젝트를 시작하기에 수월할 것입니다.
Express 예제 프로젝트를 이용하지 않고 빈 프로젝트를 생성하였을 때에는, Express-Generator를 이용해서 프로젝트 골격을 생성할 수 있습니다.
웹 어플리케이션 구조
본 예제에서 만들 웹 어플리케이션의 기본 디렉토리 구조는 다음과 같습니다.
- public: 정적 리소스
- images: 이미지
- javascripts: 프론트엔드 자바스크립트
- stylesheets: CSS
- views: 템플릿(페이지)
- routes: 요청을 처리하는 핸들러
- node_modules: Node.js 확장 모듈
- app.js: 메인 웹 서버