TODO LIST (Back End)

할 일을 적고 체크, 수정, 삭제할 수 있는 웹앱

Tech Stack

       

---

Express

• Router을 이용하여 url분리 하여 구축.
• mongoose를 활용하여 MongoDB cloude와 연결.
• path와 res.sendFile을 이용하여 html 파일 response.
• cors를 사용하여 다른사이트에서 요청하는 것을 허가.

MongoDB

• NoSQL로 JSON형식으로 데이터 전송.

Heroku

• 서버 배포를 도와주는 사이트.

Postman

• POST, DELETE 등 http 통신 테스트를 할 수 있는 웹앱.
• REST API Document를 만들어 주는 웹앱.

---

REST API address

Method	Address	Info
GET	/todos	todos 가져옴.
POST	/addTodos	todo 추가.
PATCH	/modifyTodo	todo의 value 수정.
PATCH	/isCheck	todo의 isCheck 수정.
DELETE	/delete	todo 삭제.

Product

REST API Document 보러가기

https://documenter.getpostman.com/view/13738913/UUy7b4Sm

서버 보러 가기

(이미지 클릭 시 페이지 이동)

---

Front-End

VanillaJS version

https://github.com/Ahn-GiHwan/todolist

TypeScript version

https://github.com/Ahn-GiHwan/todolist_ts

React version

https://github.com/Ahn-GiHwan/todolist_react

---

v1.1.0

• cors를 이용하여 다른 사이트에서 요청을 허가.

v1.2.0

• API 추가
• 프론트엔드와의 통신으로 response에 todos 리턴