toDoList - 개발 10일차(get, post)

개발순서

1. 화면의 틀 잡기(간단한 디자인, Bootstrap)
2. 컴포넌트 구체화, 라우팅 모듈 생성(Angular)
3. 백엔드 구축(NodeJs)
4. DB 생성
5. 세부적인 사항 수정

router.get 에러 해결

• http.get() 메서드는 받는 인자가 url 하나이다.
• http.post() 메서드는 url, object 를 받아서 object는 req.body…로 사용할 수 있다.
• http.get(url, model) 이런식으로 사용한 결과, model 객체는 api.js(node)에 전해지지 않았고, year,month 등 req.body를 이용해서 정의한 변수들은 에러를 발생시켰다.
• console.log를 이용한 디버깅, 데이터가 어디에서 전송이 막히는지를 발견하여 문제를 해결할 수 있었다.

todo.service.ts

• http.post(’/api/todo’,todo) // /api/todo 를 post로 방문하고, todo를 body에 전송.

todo-add.component.ts

• formControlName = “rate” 를 importance에 넣었는데 typescript에서 선언하지 않아서 에러가 발생했다. 필요없어서 지우긴 했지만 앞으로 ReactiveForm 모듈을 사용할 때 주의하자.

router.post 에러 발생

• json.parse…이런 에러가 발생했다. 문제를 해결하자.

해야 할 일

month 컴포넌트 달력은 내가 스스로 만들어 보자. (date-picker 참고)
라우팅, DB생성
ngFor을 이용하여 그 날의 todo를 bootstrap으로 구현. checkbox, deleteButton 포함.
checkbox로 여러 항목을 동시에 삭제하거나, 하나의 항목만 체크했을때 수정이 가능하도록 구현 할 것.