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
      정리
      도전 문제
    ToDo 목록 구조
    02 간단한 ToDo 리스트 만들기
    ToDo 목록 구조

    이 예제에서는 ToDo 목록을 저장하기 위해 todo_list.json 파일을 만들 것입니다.
    JSON(JavaScript Object Notation)은 경량의 DATA-교환 형식입니다. 이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성할 때도 용이합니다.
    json 파일은 이러한 JSON 형식의 문자열이 담긴 파일입니다.
    자바스크립트 객체를 JSON 형식 문자열로 만들기 위해서는 JSON.stringify 함수를 이용합니다.
    JSON.stringify({}) --> '{}'
    반대로 JSON 형식 문자열을 자바스크립트 객체로 만들기 위해서는 JSON.parse 함수를 이용합니다.
    JSON.parse('{}') --> {}

    ToDo 목록이 갖춰야 할 정보는 다음과 같습니다.
    1. 할 일 내용
    2. 완료 여부: true이면 완료, false이면 미완료입니다.

    따라서 ToDo 항목 한 개의 형식은 다음과 같습니다.

    js
    그리고 여러 ToDo 항목을 가진 목록은 배열로 구성됩니다. 배열 자체는 JSON 형식이 될 수 없으므로, list라는 키에 목록을 할당합니다.
    따라서 ToDo 목록의 형식, 즉, todo_list.json에 저장될 형식은 다음과 같습니다.
    js
    ToDo 목록은 배열이므로, 각 ToDo 항목은 각자 index를 가지게 됩니다. 이 index로 각 항목을 구분할 수 있습니다.
    질문하기