[x] todo list의 체크박스를 클릭하여 complete 상태로 변경. (li tag 에 completed class 추가)
[x] todo list의 x버튼을 이용해서 해당 엘리먼트를 삭제
[x] todo list를 더블클릭했을 때 input 모드로 변경. (li tag 에 editing class 추가) 단 이때 수정을 완료하지 않은 상태에서 esc키를 누르면 수정되지 않은 채로 다시 view 모드로 복귀
[x] todo list의 item갯수를 count한 갯수를 리스트의 하단에 보여주기
[x] todo list의 상태값을 확인하여, 해야할 일과, 완료한 일을 클릭하면 해당 상태의 아이템만 보여주기
필터버튼 테두리 유지를 구현하면서 selected가 적용되는 부분은 동준님 코드를 참조하였습니다. 필터기능 구현시 app에서 setState대신에 render메소드를 사용하여 this.data가 직접 수정되는 것을 방지하였습니다.
미션2 사용했던 제 코드와 로토님 라이브코딩시 사용했던 코드를 기반으로 작성하였습니다. 스터디했었던 난이도와 비슷하여 막막하지 않고, 미션 해결될 때마다 즐거웠습니다.
기능구현하기에도 녹록치 않아서 컴포넌트별로 기능이 잘 구분되지는 않은 것 같습니다.
다른 분들 코드 참조하면서 발전시키도록 하겠습니다.
한번 봐주시고 피드백 부탁드립니다. :pensive:
1 Mission001
필터버튼 테두리 유지를 구현하면서 selected가 적용되는 부분은 동준님 코드를 참조하였습니다. 필터기능 구현시 app에서 setState대신에 render메소드를 사용하여 this.data가 직접 수정되는 것을 방지하였습니다.
미션2 사용했던 제 코드와 로토님 라이브코딩시 사용했던 코드를 기반으로 작성하였습니다. 스터디했었던 난이도와 비슷하여 막막하지 않고, 미션 해결될 때마다 즐거웠습니다.
기능구현하기에도 녹록치 않아서 컴포넌트별로 기능이 잘 구분되지는 않은 것 같습니다. 다른 분들 코드 참조하면서 발전시키도록 하겠습니다. 한번 봐주시고 피드백 부탁드립니다. :pensive: