[Next.js] 기초

노호준·2023년 6월 15일
0

  • url과 페이지 만들고싶으면
  1. app폴더안에 폴더만들고 폴더명이 /url 여기 이름
  2. 그 안에 page.js 넣기
  • Link 치면 알아서 next/Link 임포트됨
  • 라우팅 : 모든 페이지에 적용되는거면 Layout.js에 적어
  • page.js 상위페이지에 있는 모든 layout.js적용됨
  • react return 안에선 for문 못씀 {}안에서 map써야함
  • 최적화된 이미지 : <Image src={}> 로 이미지 import 해와야서 넣어야함 외부이미지는 width={} heigh={} 셋팅, next.config.js 셋팅 필요함
  • server component 는 아무렇게나 만들면됨, html에 onClick등 JS기능넣기 불가능 (useState, useEffect등 사용불가), 대신 로딩속도 빠름
  • 파일 맨위에 ‘use client’ 해야 클라이언트 컴포넌트 됨 걍 이거쓰셈, 대신 로딩느림
  • 일부코드는 다른 파일로 분할하기도 함. 폴더안에 data.js에서 쓴 코드를 export default 변수명 하고 다른파일에서 import 하기도함
  • 두개 export 하고싶으면 export default {age, name} 하면됨

0개의 댓글