Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feat] FE 번들링 최적화 #10

Merged
merged 15 commits into from
Jan 23, 2025
Merged

[Feat] FE 번들링 최적화 #10

merged 15 commits into from
Jan 23, 2025
+817 −629

Conversation

seoko97
Copy link
Collaborator

@seoko97 seoko97 commented Jan 23, 2025

관련 이슈 번호

작업 내용

Tree Shaking 적용

  • 사용하지 않는 라이브러리 코드 제거
  • ES6 모듈 시스템으로 코드 변환
  • 불필요한 import 제거

Code Splitting

  • React.lazy()를 활용한 동적 임포트 구현
  • 모달 컴포넌트의 선택적 지연 로딩
  • 라우트 기반 코드 분할

Vite를 통한 청크 단위 번들링

  • 청크 크기 최적화
  • 의존성 모듈 분리
  • 동적 임포트 청크 관리

seoko97 added 14 commits January 16, 2025 16:51
@seoko97
style: margin을 통한 중앙 정렬 추가
5b8b0f8
@seoko97
refactor: lazy loading으로 라우트 구성 변경 및 불필요한 파일 제거
45a4226
@seoko97
refactor: MediaTypes를 MediaType으로 변경하여 일관성 유지
c382f32
@seoko97
refactor: date-fns 모듈에서 format과 parseISO의 import 경로 수정
7c468fa
@seoko97
feat: 빌드 분석 스크립트 추가 및 의존성 버전 업데이트
713a606
@seoko97
feat: Vite 구성에 분석 플러그인 추가 및 빌드 최적화
77de972
@seoko97
refactor: 트리쉐이킹을 위한 타입 임포트 적용 및 번들 크기 최적화
e014782
@seoko97
refactor: useEffect를 통한 socket event 등록
02f7261
@seoko97
feat: useCallback을 통한 함수 메모이제이션 적용
41edec4
@seoko97
refactor: framer-motion에서 motion 컴포넌트를 Div로 변경하여 코드 간소화
8a49465
@seoko97
feat: lazy loading을 적용하여 컴포넌트 성능 최적화
6ab3ee6
@seoko97
feat: useCallback을 활용하여 방 생성 및 참여 로직 최적화
8a64ee9
@seoko97
chore: date-fns 버전 업데이트 및 rollup-plugin-visualizer 추가
4a55439
@seoko97
feat: mediasoup 타입 정의를 개선
120dd09
@seoko97 seoko97 added ✨ Feature 새로운 기능 추가 FE Frontend 관련 작업 labels Jan 23, 2025
@seoko97 seoko97 self-assigned this Jan 23, 2025
@seoko97 seoko97 merged commit 3d07ca6 into develop Jan 23, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@begong313 begong313 Awaiting requested review from begong313 begong313 is a code owner

@Jieun1ee Jieun1ee Awaiting requested review from Jieun1ee Jieun1ee is a code owner

@Fixtar Fixtar Awaiting requested review from Fixtar Fixtar is a code owner

Assignees

@seoko97 seoko97

Labels
FE Frontend 관련 작업 ✨ Feature 새로운 기능 추가
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

[Feat] 번들 사이즈 개선
1 participant
@seoko97