toDoList - 개발 13일차(수정모드, getTodos)

개발순서

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

수정모드

라우팅이 update일때는 save버튼을, view일때는 update버튼을 띄우고자 하는 것이 대략적으로는 그려졌으나 파라미터를 어떻게 받아와야 할지 막막했다. 결국 document에서 location 으로 전체 url을 받아와서 전체 url을 비교하고있다. 수정해야 할 부분이다. http…view/day, week, month를 모두 조건식으로 써넣을 수도 있는데, 이러면 너무 지저분하지않을까… 정규표현식을 알아봤으나 이는 문자열이 틀에 맞는지를 검사하기 위한 도구였다. 하나 배웠다.

getTodos

초기화면에서 바로 todo를 데이터베이스에서 받아오지 못하고, 날짜를 선택할 때만 todo가 나타나는 에러가 있었다. getModel 메서드안에 getTodos를 넣어놨으니 당연한 결과였다. 처음부터 todo가 화면에 나열되게 수정함.

formControl

reactiveForm module을 이용하여 todo를 추가하는 폼을 구성했었다. important를 체크박스 체크 여부로 받아왔는데, 기본값 설정을 안했더니 false가 들어가는 것이아니라 공백이들어가서 db의 쿼리문에 옮겨질 때 에러가 발생했다. formbuilder를 사용하고, 기본값을 설정해주는 것으로 해결.

해야 할 일

라우팅(get, post 완료, put delete 남음)
important 버튼 DB동기화하기.
수정모드에서는 update버튼 대신 save버튼을 보여줄 것.
month 컴포넌트 달력은 내가 스스로 만들어 보자. (date-picker 참고)