잡다하다

  • 홈

Routing 1

[NEXT.JS] 다이나믹 라우팅

다이나믹 라우팅? 미리 정의, 고정된 URL이 아닌 사용자가 접근한 경로 또는 특정 값에 따라 동적으로 변화하는 주소를 의미한다. 하나의 컴포넌트를 사용하여 특정값에 따라 변화하는 데이터를 사용할 수 있게 제작하기 위해 사용한다. 사용법 대괄호 []로 시작하는 폴더를 생성하면 된다. username에 따른 데이터를 보여주기 위한 컴포넌트를 만들고 싶다면 [username] 폴더와 하위에 page.tsx를 생성해주면 된다. 그리고 page.tsx에서 아래와 같이 코드를 작성하면 export default function UsernamePage(props: any) { return ( username: {props.params.username} ) } username에 해당하는 URL이 변경됨에 따라 출력되..

프로그래밍 언어/NEXT.JS 2024.03.06
이전
1
다음
더보기
프로필사진

잡다하다

  • 전체보기 (184)
    • 프로그래밍 언어 (65)
      • JAVASCRIPT (6)
      • DJANGO (2)
      • JAVA, SPRING (26)
      • VUE.JS (2)
      • NEXT.JS (28)
      • HTML (0)
    • Etc (7)
      • MAC (1)
      • AWS (2)
      • JENKINS (2)
    • 백준 (44)
    • IT 소식 (3)
    • 프로그래머스 (24)
    • 생활정보 (41)

Tag

Java, Next.js, react.js, NextJS, 알고리즘, 백준, React, BAEKJOON, Algorithm, spring boot, 프로그래머스, programmers, 자바, 리액트, spring, JavaScript, 2025년, 스프링 부트, 스프링, 넥스트js,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 포트폴리오

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 포트폴리오

티스토리툴바