Next.js2 [Next.js] 메타데이터 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 메타데이터 메타데이터는 웹 페이지에 대한 정보를 제공하는 데이터다. 검색 엔진, 소셜 미디어가 웹 페이지를 더 잘 이해하고 표시할 수 있도록 도와 웹 페이지의 SEO(검색 엔진 최적화)를 개선하고 소셜 미디어에 링크 공유 시 더 나은 사용자 경험을 제공할 수 있다. HTML의 메타태그는 이 메타데이터를 정의하는데 사용되는 HTML 요소들이며 웹 페이지의 head 요소 안에 위치한다. 메타 태그는 의 와 같은 태그들처럼 화면에 직접 렌더링 되지는 않고, 주로 검색 엔진이나 소셜 미디어에서 웹 페이지를 색인하거나 공유할 때 중요한 역할을 한다. Next.js의 Docs The Reac.. 2023. 7. 30. Next.js에서의 CSR (브라우저 환경을 확인하는 방법) 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 CSR (Client Side Rendering) 등장배경 전통적인 웹에서는 서버 측에서 모든 페이지를 렌더링하여 클라이언트에게 제공했다. 웹이 단순히 전자 문서를 제공하는 용도로 사용될 때는 이 방식이 서버에 큰 부담이 되지 않았다. 하지만 웹이 점차 앱과 같이 다양한 기능을 제공하고 사용자 인터랙션이 증가함에 따라, 사용자가 요청할 때마다 페이지 전체를 서버에서 렌더링하여 클라이언트로 보내는 것이 성능과 사용자 경험에 부담이 되었다. 이에 따라 사용자가 한 페이지 내에 머무르면서 필요한 데이터를 서버에서 받아와 부분적으로만 업데이트하는 SPA(Single Page Applica.. 2023. 7. 23. 이전 1 다음
