코딩연습장

  • 홈
  • 방명록
  • 글쓰기
  • 관리자

2024/08/23 1

24.08.23 NextJS 동적라우팅

Next JS에서 라우팅을하려면, 원하는 주소로 폴더를 만들고, 해당 주소에서 보여줄 페이지 컴포넌트를 page.jsx(tsx)로 만들었다.그렇다면, 동적라우팅을 원하는 경우는 어떨까?동적라우팅은 폴더이름을 대괄호로 감싸주면 된다.  } /> } /> } /> } />()=>{navigate(`/something/${id}`)}우리가 react-router-dom을 사용할 때에는 저렇게 원하는 params를 path에 지정해주어서 이동했다. 하지만 NextJS프레임워크에서 동적라우팅을 원하는 경우에는 일반 라우팅도 폴더명으로 지정했던 대로 대괄호에 감싸 주소를 지정하면 된다.이렇게 폴더를 만들어주면 주소는 https://localhost:5500/movies/1341222 이렇게 지..

2차 공부/TIL 2024.08.23
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (344)
    • 2차 공부 (162)
      • 알고리즘 (34)
      • TIL (127)
      • WIL (0)
      • 최종프로젝트 (1)
    • 1차 공부 (181)
      • React공부 (42)
      • WIL (13)
      • TIL (39)
      • 알고리즘 (28)
      • 공부한 자료 (21)
      • JavaScript (7)
      • 코드분류 (1)
      • 웹개발노트 (5)
      • 설정관련 (3)
      • 기타 (2)
      • 기술면접 준비 (20)

Tag

실행컨텍스트, tanstack query, javascript, React Query, TDZ, 리덕스, redux, nextjs, 프로그래머스, 리액트, vite, 알고리즘, 코딩테스트, CSS, 팀프로젝트, react-redux, Reducer, js, action creator, react,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2024/08   »
일 월 화 수 목 금 토
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.

티스토리툴바