Skip to content

Latest commit

 

History

History
101 lines (71 loc) · 5.68 KB

README.md

File metadata and controls

101 lines (71 loc) · 5.68 KB

nav

Taskify

칸반보드를 활용한 일정 정리 서비스

배포 주소

개발 기간

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로 달력창을 커스텀할수 있다

form 라이브러리

  • 비제어 컴포넌트의 장점을 활용하여 리렌더링을 최소화 시킬 수 있다.
  • 작은 사이즈의 라이브러리이다