VanillaJS -> React + webpack 마이그레이션 및 성능 최적화 1

SPA로 개발해야 하는 프로젝트를 팀 내부 사정으로 React를 사용하지못해 vanilla js로 작업하였는데 성능이 매우 낮아 react로 마이그레이션한 후에 성능 최적화 까지 해보려고 합니다.

• react + webpack 마이그레이션 전 lighthouse 퍼포먼스
  

• react + webpack 마이그레이션 후 lighthouse 퍼포먼스
  

react + webpack으로 마이그레이션 한것만으로도 성능이 개선이 되었습니다.

아직 남은 TODO

• 중복 코드 정리
• 이미지 사이즈 최적화
• Code Split
• 텍스트 압축
• 빌드속도 개선