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
      정리
      도전 문제
    웹 서버 만들기 - app.js
    배우기
    02 간단한 ToDo 리스트 만들기
    웹 서버 만들기 - app.js

    프로젝트의 골격을 어느 정도 잡았으면, 먼저 메인 웹 서버를 실행할 app.js를 살펴봅니다.

    app.js의 맨 첫 줄에서는 express 모듈을 가져옴과 동시에 우리가 작성한 라우팅 모듈을 가져옵니다. 마찬가지로 http와 path 모듈도 가져오는데, 이는 Node.js에서 기본으로 제공하는 확장 모듈입니다.

    그 다음에는 어플리케이션을 생성합니다.

    어플리케이션은 기본적으로 3000번 포트에서 동작하도록 지정합니다.

    이어지는 내용은 어플리케이션의 각종 설정을 정의하는 부분입니다. 어떤 웹 서버 포트 번호를 사용할 것인지, 템플릿 폴더는 어디인지, 그리고 어떤 템플릿 엔진을 사용할 것인지 정할 수 있습니다.

    그 다음으로는 파비콘을 사용하고 로그를 기록합니다. 또한 요청 본문을 파싱하고, 구식 브라우저의 HTTP 메소드를 지원하도록 하며, 라우팅을 활성화합니다.

    마지막으로는 public 디렉토리의 정적 리소스를 처리합니다.

    한 가지 더 설정할 것은 개발 버전임을 설정하여 에러가 발생했을 때 조금 더 명시적인 에러 메세지를 받을 수 있도록 합니다.

    라우팅 핸들러는 routes 디렉토리에서 정의할 것이기 때문에 이 곳에서는 핸들러를 그대로 연결해주기만 합니다.

    app.js의 마지막은 서버를 실행하는 것입니다.

    실습 내용

    Express Node.js 확장 모듈을 이용하여 메인 웹 서버를 만듭니다.

    app.js의 코드를 자세히 살펴 어떻게 웹 서버를 실행할 수 있는지 이해합니다.

    질문하기