HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생
/
이동근팀
이동근팀
/
🦢
리팩토링
🦢

리팩토링

기한

한 달 정도(?)
 

해볼 작업 2024년 1월 부터 시작!!!

💡
규칙
  • 스프린트마다 테크스펙 1개 이상 쓰기
    • 개인 블로그에 작성한 뒤 Wiki에 제목 및 링크 복붙
    • 뱅크샐러드의 특별한 스펙, '테크 스펙' | 뱅크샐러드
      …
      뱅크샐러드의 특별한 스펙, '테크 스펙' | 뱅크샐러드
      https://blog.banksalad.com/tech/we-work-by-tech-spec/
      뱅크샐러드의 특별한 스펙, '테크 스펙' | 뱅크샐러드
 
1월 2일 회의
‣

1번째 우선순위 ( 2주 )

  • 백엔드 구현 (express) → 공통 사항
    • 백엔드 환경 설정
    • 로그인, 회원가입
  • API 명세서 회의
  • TanStack Query의 활용 관련
    • V5 마이그레이션
    • useSuspenseQuery 훅 사용
    • 쿼리 공통화 hook vs options

2번째 우선순위 ( 2주 )

  • 백엔드 구현(express)
  • msw 작성
  • 테스트코드 작성
    • 테스트코드 세팅
    • 단위테스트
    • msw 통합 테스트
  • 라우팅 공통화
    • createBrowserRouter로 리팩토링
    • 로그인 전용, 비로그인 전용 등
  • 에러 핸들링
    • 인가 실패(401), 404 시 로그인 페이지 이동

3번째 우선순위(2주)

  • 백엔드 구현 (express) + 테스트코드
  • 렌더링 최적화 방법 연구 → 공부에 시간이 들듯
    • FCP 성능 개선
    • useCallback. useMemo 공부
    • 성능 lighthouse를 통해 비교
  • 이미지 최적화
    • LCP, CLS 성능 개선
  • 댓글 drag&touch event
    • 웹/모바일 반응형