next.js app routing.....2
next.js app routing.....2
2편.. 다이나믹 라우팅
html 에 <a> 태그로 <a href="/read/1">read1</a> 이 있다고 가
NewProject/src/app/ 디렉토리 밑에 read 디렉토리 생성 => NewProject/src/app/read/ 완성.
NewProject/src/app/read/ 밑에 [id] 라는 폴더를 하나 만들어줘야함.
여기서 NewProject/src/app/read/[id]/ 이 밑에 page.js 를 만들어 준다.
NewProject/src/app/read/[id]에 page.js 가 있는지 확인하고 layout.js 파일도 확인 후 없다면 root 경로로 가서 다시 찾는다. 저 [id]는 뭐가 올지 모름.
그리고 [id] 값을 가져오려면 매개변수에 props를 넣어주고 코드에서
{props.params.id} 로 [id]의 값을 가져올 수 있다.
csr 클라이언트 사이드 렌더링 ssr 서버 사이드 렌더링.. 뭔데 그게~
잠깐 봤는데 csr은 통째로 다 바뀌는 느낌? ssr은 필요한 부분만 뽑아서 바뀌는?
생각이 든게 csr에서는 예로 ajax 했을 때의 느낌이 ssr 느낌이 아닐까하는 생각이 들었음.. 아니면 말고~ 나중에 더 자세하게 알게되면 자연스럽게 습득되겟지