웹에서 애니메이션을 만들다 보면 “어떤 애니메이션은 왜 부드럽고, 어떤 건 버벅이지?”라는 궁금증이 생길 때가 있다. 그리고 약간 복잡한 애니메이션을 재생할 때 'will-change'라는 css속성을 넣으면 좀 빨라진다는 조언을 들은 적이 있는가? 나는 있다.. 클로드가 여러번 제안해주더라..일단 will-change가 GPU 활성화를 시키는 속성이라고만

들어가며SEO(검색 엔진 최적화)의 중요성은 그 어느때보다 강조되고 있다. React에서 Next.js로 기술스택을 이전하는 주요한 이유도 SEO일테다. 하지만 막상 SEO를 제대로 관리구현하려면 "뭘 어떻게 설정해야 하지?"라는 막연함이 있다. 이 글에서는 실제 운영 중인 Nex layout.tsxt.js 프로젝트의 SEO 설정을 A부터 Z까지 뜯어보며,