TODO 앱을 직접 만들면서 배우는 node.js / express / bootstrap / jquery
    • 01
      서문
    • 누구를 위한 실습인가
      활용하는 법
      실습을 위해 필요한 것
    • 02
      간단한 ToDo 리스트 만들기
    • 실습 목표
      프로젝트 시작하기
      웹 서버 만들기 - app.js
      라우팅 정의 - index.js
      ToDo 목록 구조
      라우팅 정의 - todo.js
      ToDo 리스트 홈페이지 구성
      템플릿 - index.ejs
      서버로 요청 보내기
      목록 가져오기 - todo.js
      새 ToDo 추가하기 - todo.js
      ToDo 완료/삭제하기 - todo.js
      정리
      도전 문제
    프로젝트 시작하기
    02 간단한 ToDo 리스트 만들기
    프로젝트 시작하기

    프로젝트를 시작하기 위해서는 먼저 프로젝트의 구조를 잡아야 합니다.

    Express.js 웹 프레임워크를 이용하면 웹 어플리케이션을 만들기 위한 프로젝트의 구조를 MVC(Model-View-Controller) 형태로 쉽게 생성할 수 있습니다.

    구름IDE에서는 Express 예제 프로젝트를 제공하고 있으므로 이를 이용하면 프로젝트를 시작하기에 수월할 것입니다.

    Express 예제 프로젝트를 이용하지 않고 빈 프로젝트를 생성하였을 때에는, Express-Generator를 이용해서 프로젝트 골격을 생성할 수 있습니다.


    웹 어플리케이션 구조

    본 예제에서 만들 웹 어플리케이션의 기본 디렉토리 구조는 다음과 같습니다.

    1. public: 정적 리소스
      1. images: 이미지
      2. javascripts: 프론트엔드 자바스크립트
      3. stylesheets: CSS
    2. views: 템플릿(페이지)
    3. routes: 요청을 처리하는 핸들러
    4. node_modules: Node.js 확장 모듈
    5. app.js: 메인 웹 서버
    질문하기