Routing 초입부

카테고리 없음

녹차99 2024. 7. 2. 19:37

(1) layout동일 layout 안에서 다른 경로를 계속해서 왔다갔다 할 때 re-rendering이 일어나지 않아요. 따라서 headers, footers, sidebars 처럼 유저가 경로를 마음껏 탐색하고 다녀도 굳이 바뀔 필요가 없는 경우 유용하겠죠! ← 이후 배울 template과의 주요 차이니 기억해주세요
layout파일은 어떤 segment와 그의 자식 node에 있는 요소들이 공통적으로 적용받게 할 UI를 정의해요. 자식 node에 있는 요소들이 공통 적용을 받아야 하기 때문에 반드시 children prop이 존재해야 함을 기억해주세요.
(2) template상태를 유지하는가? 리-렌더링이 일어나는가?그래서 이런 use-case가 있어요.
1. 템플릿을 통한 페이지 open animation
  - 페이지 간 전환 시 애니메이션을 계속해서 주고 싶을 때
  - layout으로 만들어놓으면, 최초 렌더링시에만 animation이 적용되고 끝나버리겠죠.
2. useEffect, useState에 의존하는 기능

SEO란?

SEO(Search Engine Optimization, 검색 엔진 최적화)는 웹사이트나 웹페이지를 검색 엔진에서 더 높은 순위에 노출시키기 위한 방법입니다. 간단하게 말해서, SEO는 검색 결과에서 웹사이트가 더 위에 나타나도록 만드는 여러 기술과 전략을 말해요.

예를 들어, <img> 태그 내의 ‘alt’ 속성은 SEO를 위해 상당히 중요합니다.

검색 엔진에 이미지 내용 설명하기: alt 텍스트는 검색 엔진에 이미지의 내용과 맥락을 설명해 줍니다. 검색 엔진은 이미지 자체를 "보지" 못하므로, alt 텍스트를 통해 이미지가 무엇에 관한 것인지 이해하고, 관련 검색 쿼리에 대한 결과로 해당 이미지를 더 정확하게 랭킹할 수 있습니다.
접근성 향상: alt 텍스트는 시각 장애가 있는 사용자가 웹사이트의 이미지 콘텐츠를 이해하는 데 도움을 줍니다. 이러한 접근성 개선은 검색 엔진에 의해 긍정적인 신호로 해석되어, 전반적인 사이트의 SEO 점수를 향상시킬 수 있습니다.

dynamic

dynamic route를 갖고있는 route에서 동적으로 변경되는 params를 기반으로 metadata를 변경하고 싶을 수도 있죠. 이럴 땐, **generateMetadata function**을 사용하면 됩니다.