React 기반 나만의 ToDoList 앱
2024. 2. 3. 23:31ㆍ일상/간단앱
ToDoList
React를 기반으로 ToDoList를 만들어 봤습니다.
해당 투두리스트에서 추가로 해보고 싶은 것은 특정 기간안에 얼마가 남았는 지를 progress bar를 통해 시각적으로 보여줘서 얼마 안남았음을 표시해주고, 장기간으로 설정할 경우, 시간에 따라서 점점 색깔을 변화시켜서 일이 얼마나 남았는 지를 표시하고자 하였다.
기능
- 할 일 추가
- 할 일에 대한 디테일한 내용 추가
- tag
- task
- start_date
- content
- 할 일에 대한 남은 기간 추가
- 할 일에 대한 남은 시각 시각화 추가
- calendar
- gantt chart
- gauge chart
- 할 일에 대해서 시간 변환 기능(일,시,분,초)
- 할 일들에 대한 다운로드 및 불러오는 기능 추가
- 달력을 통해 전체적으로 일정 추가
- 특정 Task 수행 시 자세하게 항목에 대해서 보여주는 기능 추가
더 다양한 기능이 있겠지만 좀 더 고민해보고, 막상 해보면서도 예쁘게 만드는 것이 역시 항상 어렵다라는 것을 다시 느낀다...
내가 생각하기에는 좋은 아이디어가 기존에 앱들에는 없는 경우가 있어서, 나만의 ToDoList를 만들 수 있던 시간이였다.
728x90
'일상 > 간단앱' 카테고리의 다른 글
React 기반 Time Block Schedule 앱 (0) | 2024.02.29 |
---|---|
NextJS 14기반 영화 웹 서비스(Vercel) (0) | 2024.02.17 |
React 기반 영화 웹 서비스 (0) | 2024.02.09 |
Markdown Online Viewer (0) | 2024.01.20 |
목표 달성을 위한 카운트다운: Time Attacker와 함께 시간 관리 마스터하기 (0) | 2024.01.20 |