칸반보드를 활용한 일정 정리 서비스
2023.12.18 ~ 2024.1.5
양진수 | 이승연 | 민서영 | 김진우 |
- 랜딩페이지 / 대시보드페이지
- 모달 / 로그인페이지 / 회원가입페이지
- 모달 / Header / Sidebar
- 대시보드 수정 페이지 / 계정 관리 페이지
- prop drilling을 방지한다.
- 컴포넌트를 순수함수로 유지하여 테스트 코드 검증을 용이하게 한다.
- 상태관리 라이브러리 중 상대적으로 러닝커브가 높지 않아, 3주 프로젝트에 적합하다.
- useStore로 불필요한 렌더링을 막아줄 수 있다.
- SSR을 간단하게 지원한다.
- Preflight가 있어, reset을 따로 해주지 않아도 된다.
- CSS 파일이 별도로 필요하지 않아, 파일 개수를 줄일 수 있다.
- Next.js 설치시 함께 설치가 가능하며, Next.js의 App Routing과 호환성이 좋다.
- Taskify에서는 App Rounting을 사용하지 않으나, 배워 둘 가치가 있다고 판단했다.
- 팀원 모두 Tailwind 사용 경험이 없어, 새롭게 배우고 싶었다.
- 직관적인 코드를 통해서 애니메이션을 사용할 수 있다.
- alert 창을 좀 더 직관적이고 예쁜 UI로 사용할 수 있게 해주며, api의 status에 따라 다른 메세지창을 연출할 수 있다.
- 기본적으로 데이터를 다루기 편하다
- axios instance를 활용해 공용 로직을 활용하기 쉽다
- 사람들이 주로 사용하는 moment 공식문서에서도 moment는 레거시 프로젝트로 전환하고 대체 라이브러리를 소개함
- 대표적인 공식문서에서 대체 라이브러리가 luxon임
- 간편하게 날짜와 시간을 원하는 선택하고 원하는 포맷으로 보여주는 기능을 갖추고 있다
- css로 달력창을 커스텀할수 있다
- 비제어 컴포넌트의 장점을 활용하여 리렌더링을 최소화 시킬 수 있다.
- 작은 사이즈의 라이브러리이다