[Chit Chat] 메타데이터 적용 실험하기 (Feat. Next 14)
Next.js로 제작한 서비스를 공유할 때 대표 이미지와 문구가 출력되도록 하는 방법을 테스트하였다. 1. layout.tsx에 head 추가하기가장 먼저 시도한 것은 layout.tsx에 head 태그를 추가하고 메타 데이터와 오픈 그래프 정보를 입력하는 것이었다. 개발자 도구를 통해서는 제대로 들어가는 것처럼 보였으나, 막상 title이 제대로 출력되지 않는 것으로 보아 실패한 것처럼 보인다. 2. layout.tsx Metadata 사용하기사실 next 13부터는 프로젝트를 생성하면 layout.tsx에 자동적으로 metadata라는 것이 생긴다. 원래는 이걸 사용하려고 했지만, next 공식 홈페이지에는 meta 태그를 사용해서 작성하는 법을 가르쳐준다. 그리고 무엇보다 Met..