[React] To Do List

오늘의 사족

 

안녕하시렵니까? 

오랜만에 글을 쓰는데 다들 강녕하셨는지요?

물론 그 누구도 저의 안부를 묻지는 않았으나,, 크흠 저는 잘 살아있었답니다.

잘지냈다고는 형식상이라도 잘지냈지 아니하지 아니한게 아니였기 때문에 하지 않도록 하겠습니다.

제가 일주일간 두문불출하였던 이유를 설명해보자면 다른 할 일(111111111111111111111 x ♾️)이 많아졌기 때문입니다.

일이 일을 낳고 그 일이 일을 낳으니 일의 세상에서는 저출산 걱정할 일은 없겠습니다.

 

회고록

React 공부를 다시 시작하면서 To Do List 프로젝트를 만들었다. 분명 간단하게 구현하고 끝내려 했는데 프로젝트 마감 기한을 정해두지 않은 채로 개발을 하니까 계속 기능을 추가하고 싶은 욕심이 생겨서 개발 기간이 늦춰졌다. 이번 경험을 통해서 깨달은 점이 있다면 무엇을 개발하던 간에 개발 규모에 맞춰서 나름의 마감 기한을 설정할 필요가 있다는 점이다. 더군다나 혼자서 프리하게 개발하다보니까 내 자신이 기획(딱히 기획이라 할 건 없다)과 디자인과 개발을 다 해야 한다는 점이 처음에는 장점이었으나 시간이 지날 수록 개발은 계속하는 데 구현해야 할 기능은 줄어들지 않는 상황이 되니까 조금 벅차게 느껴졌다.

 

다음에 토이프로젝트를 또 구현할 기회가 생긴다면 프로젝트 규모에 맞는 마감 기한 설정과 반드시 구현해야 하는 핵심 기능을 정리한 다음에 차근 차근 구현해 나가야겠다고 결심했다. 

 

 

개발 과정

1-2일차

 

구현 기능

• 컴포넌트 생성
• 리스트 아이템 등록
• 리스트 아이템 영구 저장

 

error

• 등록한 리스트 아이템을 삭제할 때 삭제하고자 하는 아이템이 아닌 다른 아이템이 삭제되는 오류

 

---

3일차

 

 

구현 기능

• 아이템 등록 날짜를 기준으로 리스트 아이템 시작 날짜 보여주기
• 아이템 필터링 (전체-all, 진행중-active, 완료-completed)
• 마감기한 설정
• 설정한 마감기한을 오늘 날짜를 기준으로 D-Day 생성

 

fix

• 각 아이템에 고유한 아이디를 부여하여 삭제하고자 하는 아이템 클릭 시 배열 내에서 삭제하고자 하는 아이템의 고유 아이디와 동일한 아이디를 가진 값을 배열에서 삭제

 

---

4일차

 

 

구현 기능

• 배경 이미지 설정
• 다크모드

 

 

---

5-6일차

 

 

구현 기능

• 리스트 아이템 편집
• ui 수정
• 설정 버튼 클릭 시 모달 창 팝업

 

error

• 리스트 아이템 삭제 시 삭제 안됨 (새로 고침을 하면 삭제가 되긴 한다.)

 

 

---

 

진행 상황

(2024.01.24.) 기준 프로젝트 진행 상황이다. 아직 구현해야 할 기능이 남았으나 일단은 개발을 중단하고 다른 프로젝트를 진행할 생각이다. to do list는 필자가 실생활에서 사용할 목적에서 구현한 것이기 때문에 사용하면서 불편함을 느끼거나 보완하고 싶은 점이 생기면 천천히 업데이트해 갈 예정이다.