From 452f44f6a75a66894329cd28890bbe0863a7423e Mon Sep 17 00:00:00 2001 From: dayongkr Date: Mon, 13 Nov 2023 15:48:40 +0900 Subject: [PATCH] =?UTF-8?q?fix(fe):=20=EC=8B=A4=EC=8A=B5=20next.js?= =?UTF-8?q?=EC=9D=98=20=EA=B8=B0=EB=8A=A5=20=ED=8C=8C=ED=8A=B8=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/docs/frontend/7. Next.js.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/content/docs/frontend/7. Next.js.md b/content/docs/frontend/7. Next.js.md index 69aa688..a88c309 100644 --- a/content/docs/frontend/7. Next.js.md +++ b/content/docs/frontend/7. Next.js.md @@ -40,3 +40,13 @@ weight = 280 2. Next.JS에서는 캐싱과 같은 기능을 추가한 fetch를 사용해요! 3. fetch한 데이터를 console.log 찍으면 서버 터미널에서 확인할 수 있어요! 1. 왜 일까요?? + +### 3. Next.JS가 제공하는 기능 사용 + +- 포켓몬 이미지를 Next.JS가 제공하는 Image 컴포넌트로 대체해주세요! + - 외부 이미지를 사용하려면 추가적인 설정이 필요해요! + - [https://nextjs.org/docs/pages/api-reference/components/image#remotepatterns](https://nextjs.org/docs/pages/api-reference/components/image#remotepatterns) +- 기존 a 태그를 Link 컴포넌트로 대체해주세요! + - 언제 prefetching이 발생하는지 확인해보세요! (공식 문서에 나와있어요!) +- Next.js가 제공하는 Font 컴포넌트를 사용해서 `Noto sans KR`로 폰트를 변경해주세요! + - Next.js의 Font 컴포넌트는 어떠한 이점이 있을까요? \ No newline at end of file