6차 프론트 개발팀 시즌 2

[YeonSeong-Lee]

무엇을 하나요?

• 시즌 1에서 남은 문제를 해결한다.
• 프론트 구조는 대대적으로 개편한다.

목적

• 시즌1에서 해결하지 못한 부채를 해결
• 코드의 유지보수성 향상

어떻게 하나요?

시즌1 부채 해결

• 틈틈이... 시즌 2 시작하기 전까지
• +a 연체자 관리 기능

프론트 구조 개편

• 스타일 방법론을 tailwind로 통일한다. (기존에는 css방식은 css파일과 jsx파일이 분리되어 있어 파일 이동에 비용이 있음)
  • tailwind merge, tailwind-variants
• 상태관리 방법을 jotai로 통일한다. (기존에는 여러가지 방법론이 혼재되어 있어 혼돈을 주었음)
• typescipt의 타입을 적극적으로 사용한다, any 금지
• api 호출 방식을 React Query로 통일한다. (기존에는 커스텀된 api 훅을 사용하면서 처음 코드를 보는 사람에게 혼돈을 주었음)
• alias를 이용하여 import경로의 가시성을 높인다.
• 혼용되고 있는 표현을 없앤다. (lending / rent), 필요하다면 한국어 변수도입을 검토
• backend 변화에 맞춰 프론트 대응 (필요하다면 DTO 도입)

기간

• 2월 2일 ~ 7월 13일

그전까지 숙제

• 위에 나온 라이브러리들 익혀보기
• 타입 게임 16까지 풀기
• tailwind 게임 다 풀기

참여자

@YeonSeong-Lee @mixsung @not-using @hyeunkim42