Next.js의 라우팅에서 사용되는 필수 용어 정리

Next.js에서 사용되는 라우팅 필수 용어

• Tree
  • 계층 구조를 시각화하기 위한 규칙.
    • 부모-자식 컴포넌트가 있는 컴포넌트 트리나 폴더 트리와 같이 사용된다.
    • 나무가 뿌리를 내리는 모습과 비슷하게 생겨서 Tree 구조라고 함.
• Subtree
  • app 폴더를 제외하고 그 다음 디렉토리 부터... 트리의 일부분.
  • root(첫 번째 시작점)에서 leaf(끝 지점), 즉 뿌리에서 잎까지 포함하는 개념임.
  • 이 Subtree 들이 모여서 하나의 Tree를 만듦.
• Root
  • Subtree의 시작점.
  • app 폴더 바로 다음 계층을 말함. 즉 첫번째 노드를 말함.
  • 그러나 개발자들이 특정 Subtree를 지목하지 않고 '루트 폴더'라고 말하면 프로젝트 폴더의 가장 바깥을 의미함.
• Leaf
  • URL path의 가장 마지막 노드임.
  • 더 이상 children이 없는 경로의 끝.

• URL Segment
  • URL path 중 슬래시로 구분되는 것들 중 하나의 경로를 차지하는 곳을 의미.
  • 즉 폴더 구조에서 app 폴더 내부의 폴더 하나, 하나를 세그먼트라고 함.
• URL Path
  • URL에서 도메인을 제외한 뒷 부분을 말함.
  • 즉 세그먼트들의 합을 의미함.
  • 우리 말로 하면 URL 경로.
• Domain
  • 일반적인 그 도메인 맞음.
  • http://localhost:3000/segment
    • 위 URL에서 http는 프로토콜, /localhost:3000 이 도메인임.