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 리스트 만들기
    서버로 요청 보내기
    ToDo 목록을 가져오거나 새로운 ToDo 항목을 추가하기 위해서는 서버에 요청을 보내야 합니다. 요청을 보내기 위해서 본 예제에서는 Ajax를 이용할 것입니다.
    Ajax(Asynchronous Javascript And XML)는 브라우저에서 자바스크립트의 XMLHttpRequest 객체를 이용해 서버와 데이터를 주고받을 때 사용합니다.
    jQuery에서는 Ajax 요청을 보낼 수 있도록 함수를 제공하고 있습니다. 다음과 같이 사용할 수 있습니다.

    Ajax 요청 외에 DOM 조작을 할 때도 jQuery를 이용합니다. jQuery는 셀렉터 개념을 이용해 웹 페이지의 HTML DOM 요소에 쉽게 접근할 수 있으며, 이는 $ 객체/함수로 사용합니다.
    질문하기