이고잉 선생님 밤공부 해보다..!

8월 26일 토요일 19시 ~ 22시 

달려보자구!!

a태그와 달리 Link를 사용하면 리로드가 되지않는 장점이있고,한번 다운로드 받은 페이지는 로컬 브라우저의 캐시에 저장해줌

 

next-app 만들고 npx create-next-app@latest .-> npm run dev (개발환경세팅 완료)-> 기존설정 지우려면 page.js에 있는 기본코드 다 지워. -> layout.js에 있는 불필요한 거 지워 ->global.css안에있는 기존디자인 다 밀어버려 -> pgae.js가 랜더링한 결과를 layout.js가 children으로 받아서 보여줌 ->  layout.js에 있는 metadata안에 있는 title 바꾸면 페이지 이름 바꿔짐 -> nextjs에선 a 태그 대신 Link태그 사용 -> 서버랑 통신해서 데이터 갖고오고 싶다면 : npx json-server —watch —port 9999 db.json -> const resp = await(function 앞에 async 넣어주기 필수) fetch(‘http://localhost:9999/topics/+params.id') \\ const topic = await resp.json();

 

 

 

복습까지 완료하고 끝~