Next js vs React js Routing

Heewon👩🏻‍💻·2024년 5월 9일

react에서는 수동으로 경로를 지정해주고 각 컴포넌트로 연결시켜줬다.

/about-us><AboutUs/> 

이런식으로.

NEXT프레임워크론 "파일시스템을 통해 url을 표현한다."

app폴더에 있는 파일들을 "root segment"라고 부른다.
이유는 root("/")를 url에 입력했을 때 보이는 파일이기 때문이다.
만약에 "/about-us"라고 입력했을때 새로운 페이지가 로드되는걸 원한다면?
app폴더에 about-us라는 폴더를 만들면된다. 개신기하지않음? 경로를 따로 지정할 필요없이 파일시스템이 경로가되는거임. about-us라는 폴더생성 자체가 새로운페이지로 이동한다는뜻임. ㅎ 너무 쉽게 만들어져서 열받네..^^ 폴더생성 후 /about-us를 url에 입력했을때 404가 뜰꺼임. 이유는 UI를 따로 만들지 않았기 때문. page.jsx(새로운 페이지!!)만들어주면 쉽게 해-결.
폴더와 페이지파일이 결합되는 순간 보여지는 웹이 만들어지게 되는것!

profile
Interested in coding, meat lover, in love with dogs , enjoying everything happens in my life.

0개의 댓글