Capstone Design

캡스톤 디자인 프로젝트에서 Lighthouse를 이용해 웹사이트 성능 측정을 진행하고, 성능 최적화를 수행한 과정을 공유하려 한다. 초기 성능은 다음과 같다. 성능 측면에서 FCP와 LCP가 3.6초로 개선이 필요했으며, 콘텐츠가 포함된 최대 페인트 요소를 확인해보니

캡스톤 디자인 프로젝트를 진행하면서 빠른 세팅을 위해 CRA(Create React App)를 사용했지만, 아래와 같은 단점에 따라 마이그레이션을 진행하기로 했다. 느린 개발 서버 구동 시간과 빌드 시간React 팀에서 더 이상 CRA 사용을 권장하지 않음대안으로 Ne