![]()
웹 최적화 프론트엔드 개발에서 웹 최적화는 중요 부분을 담당하고 있습니다. 사이트의 속도가 느려서 유저가 이탈하거나 SEO가 제대로 작동하지 않아서 노출이 되지 않으면 회사의 매출과도 직결되기 때문이죠. 하지만 우리는 웹 페이지가 느리다는 것을 어떻게 정의할 수 있을까요. 단순히 로딩 속도가 느리다와 같은 추측만으로는 부족하기 때문에 눈으로 확인할 수 있는 정량적인 지표들이 필요합니다.이를 도와주는 도구가 Google이 제공하는 Lighthouse입니다. 이번 포스팅에서는 Lighthouse에 대해 간단히 알아보고 Lighthouse CI와 Github Actions를 활용하여 PR 단계에서 웹 성능을 측정하는 과정을 다뤄보겠습니다. Lighthouse Lighthouse는 Google에서 제공하는, 웹..
![]()
Gatsby와 Contentful 연동하기 최근에 Gatsby로 블로그를 구축하면서 Contentful을 연동했습니다. Gatsy와 컨텐츠를 분리하고 싶어 CMS를 찾던 중, Contentful이 괜찮아 보여 도입을 했습니다. 시행착오도 많아, 연동 구글링 하시는 분들에게 조금이나마 도움이 되었으면 좋겠습니다. Contentful Headless CMS (Content Management System) 입니다. 간편하게 Markdown으로 컨텐츠를 관리할 수 있습니다. Record (entries + assets) 25k까지 무료입니다. Starter 패키지로 gatsby-source-contentful도 있으니 해당 스타터 패키지로 시작하셔도 무방합니다. Contentful 가입 후 모델생성하기 간단하..
