fix(fe): 실습 next.js의 기능 파트 추가

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 컴포넌트는 어떠한 이점이 있을까요?