솔로프로젝트/프론트1 [NextJs] 라우팅, 동적 라우팅과 함수 전달 NextJs는 라우팅을 관리하는 방식이 리액트랑 다르다. 리액트를 예로 들어보자면 이런식으로 해줬었는데 Next는 폴더단위로 구성하는 방식부터 다르다. 하나의 컴포넌트를 생성하고 상위 컴포넌트에서 라우트 경로 설정을 해주고 나서 pages라는 폴더에 경로와 맞는 이름의 파일을 생성하면 끝이다. 사진으로 설명을 대체하자면 NFT Explore를 클릭하게 되면 경로를 폴더와 파일로 추적하여 UserAuctionPage를 화면단에 구성해준다 동적 라우팅과 함수 전달 이 부분에서 상당히 애를 먹었었는데 해결방법을 찾았고 풀어보겠다 동적라우팅과 url 까지 같이 보여주자면 일단 맵 함수 안을 까보자면 Auction(token)} >Auction href로 경로를 설정해주고 [id]는 동적라우팅 부분이다 이부분은 .. 2022. 3. 2. 이전 1 다음