카드 신청 퍼널 프로젝트 💳

프로젝트로 얻는(얻을) 것 💡

• 확작성과 재사용성을 고려하여 컴포넌트를 구현하는 방법
  • 합성 컴포넌트 설계
  • 재사용 가능한 설계
• 유저가 지치지 않는 UI/UX에 대한 고민
  • 무한 스크롤
  • Animation
• 상황을 고려하여 폼을 다루는 방법
• 초기 로딩속도를 올릴 수 있는 다양한 방법

최적화 포인트 💡

• Critical Rendering Path (feat. 가상돔)
• Thread를 점유하는 코드를 찾아 제거하기
• 컴포넌트를 우선순위에 따라 렌더링
• Layout Shift
  • Skeleton UI
• bundle analyzer를 이용하여 번들 사이즈 분석하기
• Tree Shaking을 이용하여 번들 사이즈 줄이기
• 브라우저 성능 탭 분석