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
      정리
      도전 문제
    실습을 위해 필요한 것
    01 서문
    실습을 위해 필요한 것

    실습 강의에서는 모든게 준비되어 있습니다. Node.js를 설치할 필요도, 사용할 다른 라이브러리와 모듈도 설치할 필요도 없습니다. 하지만 본 과목 밖에서 실습하고 싶을 때에는 준비해야 할 것이 조금 있습니다.


    Node.js 설치하기

    Node.js는 어떤 운영체제이던지 상관없이 설치하여 사용할 수 있습니다. Node.js 홈페이지 다운로드 메뉴에서 현재 사용하고 있는 운영체제를 선택해 설치하세요.

    Linux 운영체제를 사용하고 있다면, 패키지 매니저를 이용하는 것이 일반적입니다. 다음과 같은 명령어를 터미널에 입력하여 Node.js를 설치할 수 있습니다.

    $ sudo apt-get update

    $ sudo apt-get install nodejs

    구름IDE에서 실습할 계획이라면 Node.js 컨테이너를 생성하세요. Node.js 컨테이너에는 Node.js가 기본적으로 설치되어 있습니다.


    Node.js 확장 모듈 설치하기

    Node.js 확장 모듈은 Node.js와 연동되는 라이브러리입니다. 이러한 라이브러리 집합을 NPM이라고 부릅니다. 본 과목에서는 필요한 확장 모듈을 적재적소에 사용할 것입니다.

    NPM을 이용하면 Node.js의 확장 모듈을 손쉽게 설치할 수 있습니다. NPM은 Node.js를 설치할 때, 기본적으로 같이 설치되므로 추가 설치할 필요는 없습니다. 

    Node.js 확장 모듈은 현재 프로젝트 또는 모든 프로젝트에서 사용할 수 있도록 두 가지 방법으로 설치할 수 있습니다.

    모든 프로젝트(전역 설치): $ npm install -g [모듈명]

    현재 프로젝트(로컬 설치): $ npm install [모듈명]

    프로젝트마다 다르겠지만 보통 다음과 같은 NPM은 전역으로 설치합니다.

    • express


    Bootstrap 라이브러리 설치하기

    UI를 간편하게 꾸미기 위해 Bootstrap 템플릿과 컴포넌트를 이용합니다. 

    Bootstrap 라이브러리는 소스를 다운로드받거나 CDN을 이용해서 html에 바로 삽입할 수 있습니다.


    jQuery 라이브러리 설치하기

    Bootstrap 라이브러리를 이용하거나 기능을 구현하기 위해서는 jQuery 라이브러리가 필요합니다. 또한 DOM 조작과 HTTP 요청 등을 하는 데 필요합니다.

    jQuery 라이브러리는 소스를 다운로드받거나 CDN을 이용해서 html에 바로 삽입할 수 있습니다.

    질문하기