이 레포지토리는 웹 애플리케이션의 성능을 개선하기 위한 다양한 최적화 기법을 다룹니다. 프론트엔드에서 성능 향상을 위한 예제와 모범 사례를 학습목표로합니다.
이름 | 폴더 | GitHub |
---|---|---|
양가영 | gayoung | gayoung |
김문성 | munsung | munsung |
이수경 | sukyung | sukyung |
조영호 | youngho | youngho |
- 초기 로딩 시간 단축 및 실행 성능 향상
- 리소스 사용 최소화 및 불필요한 자원 낭비 방지
- 서버와 클라이언트의 최적화된 코드 작성 방안 제시
- lighthouse와 react profiler를통해 as-is / to-be를 측정합니다.
- 6가지 metrix 모두 합격점인 90~100점을 목표로 개선합니다.
- performance1 : 가상스크롤 (virtual-scroll)
- performance2 : 이미지 (Lazy-loading)
- performance3 : 코드 스플리팅 (Code Splitting)
- performance4 : 리액트 메모이제이션