- 일정 관리를 위한 웹 애플리케이션입니다.
- 부트캠프의 단편적인 요구사항만 해결하는 과제를 수행하며 개인의 성장에 의구심을 느껴 진행한 첫 프로젝트입니다.
- 요구 사항 정의와 구현 모두 스스로 진행하는 것을 목표로 프로젝트를 진행하였습니다.
- 진행기간: 23.03.01 ~ 23.03.09
- Todo CRUD, Filtering, Dark mode, Calendar
- React, Redux-toolkit, Styled-component, AWS Amplify
- 배포 링크: https://main.d3o47payb9audh.amplifyapp.com/
- 데모 영상
Create | Edit |
---|---|
Delete | Darkmode |
- 노션으로 프로젝트를 관리하며 사용자 요구사항 및 기능을 정의했습니다. 또한 피그마로 디자인 프로토타입 🔗을 구현하며 UX 향상을 고민했습니다.
- 디자인 정의를 통해 UI의 중복을 발견하고 컴포넌트 재사용을 고려하여 코드를 작성했습니다.
- 전역 상태관리 라이브러리를 사용하기 전에 props drilling을 경험하며 더 나은 프로젝트 구조에 대해 고민했습니다.
- 이후 redux-toolkit으로 리팩토링을 진행하며 예측 가능한 상태관리를 지원하는 FLUX 패턴의 이점을 경험할 수 있었습니다.
- 단편적인 기능 개발이 아닌 CRA부터 시작한 개발을 통해, 더 나은 프로젝트 구조와 컴포넌트 분리를 고민하게 되었습니다.
- 컴포넌트 조합으로 페이지를 만들어가는 과정에서 React의 이점을 느낄 수 있었습니다.