2024내일배움캠프/TIL

[TIL] 3/10 next.js

SMILELY 2025. 3. 11. 23:40

next.js는 공장이다

공장에서 일을 하려면 정해진 규칙을 따라야 한다. 

next도 마찬가지이다 정해진 규칙이 있고 그걸 따라서 하기만 하면 된다

 

page를 만들려면 먼저 폴더를 만들고 그 안에 page.tsx를 넣어야 한다 

다른 파일명을 넣으면 안된다

같은 폴더 안에 layout를 넣으면 이 layout은 같은 폴더 안에 있는 page에만 적용이 된다

 

detail/id와 같은 파일을 만들고 싶다면 detail폴더 안에 [id]폴더를 만들고 그 안에 page.tsx를 만든다

그리고param을 이용해서 id값을 가져온다

 

즉 폴더 = 라우팅이다

그럼 어떤 폴더가 라우팅되지 않으면 좋겠다면? 

폴더명을 괄호로 감싸주면 오로지 폴더의 역할만 하고 라우팅되지 않는다