Development/Web
Lighthouse를 통한 프로덕션 웹 앱 최적화
실제로 공들여 만든 웹 앱을 배포했을 때, 개발자들은 최적화가 잘 되었는지 고민하게 됩니다. 저 역시 웹 앱을 배포하고 이제 실제 서비스 운영을 하려하는데 최적화가 고민이 되었습니다. React의 useCallback, useMemo, memo 같은 최적화 외에도 많은 최적화 이슈들이 있습니다. 크롬 브라우저에서는 Lighthouse 기능을 지원하는데요, 이 기능을 이용하면 배포한 웹 페이지를 분석하고 최적화를 해야 할 문제가 무엇인지 분석해줍니다. 주의하셔야할 점이 있는데요, localhost:3000 같은 개발 서버는 성능 퍼포먼스가 낮은 점수를 받을 수 밖에 없기 때문에 정확한 수치를 알고 싶으시다면 프로덕션으로 배포를 하고 시크릿 탭으로 확인한 후에 최적화하시는 방법을 추천드립니다. 먼저 제가 배..
