웹프로그래밍

toDoList - 개발 6일차(날짜 정하기)

조영재님 2018. 3. 14. 22:11

개발순서

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

날짜 정하기

todo.service.ts 를 추가 해야한다.
todos 컴포넌트에서 date-picker를 통해서 날짜를 정하면,
그 날짜를 service를 이용해서 day, month, week에 전달하도록 하자.
어떻게 전달하지… 변수를 공유하는 방법이 필요하다.
todos에서 이벤트를 발생시켜서 day, month, week에서 반응하는 방법을 알아내야한다.
안된다면 차선책으로는 router-outlet에 전달할 객체를 프로퍼티로 삽입하는 방법이 있다.

angular와 모듈

모듈의 개념에 대해서 점점 익숙해지고 있다. 어떻게 불러오고, 어떻게 사용되는지에 대한 개념이 잡히니 여태 했던 것이 오합지졸로 코드를 짰던 것이 눈에 보인다. 물론 지금도…,
배우면 배울수록 내가 못나보이다니 참 신기하다. 한편으로는 잘 발전해나가고 있음에 감사하다.

해야 할 일

month 컴포넌트 달력은 내가 스스로 만들어 보자. (date-picker 참고)
각 todos 컴포넌트에서 날짜를 변경했을 때, 자식 컴포넌트에게도 그 값을 전달하기
checkbox로 여러 항목을 동시에 삭제하거나, 하나의 항목만 체크했을때 수정이 가능하도록 구현 할 것.