Image 컴포넌트
- Next.js에서 이미지를 로딩하는데 사용되는 img 태그 대신 Image 컴포넌트를 사용할 수 있습니다.
Image 컴포넌트는 이미지 최적화와 성능 향상을 위한 여러 기능을 제공합니다.
Image 컴포넌트에 대한 정리글 : https://j-plum.tistory.com/120
[Next.js] Images에 대해서
해당 내용은 npx create-next-app --example image-component react-image-app 를 이용해 작성하였습니다. 1. Next.js의 Image 컴포넌트 Image 컴포넌트에서 제공하는 기능 3가지 lazy loading - 화면 밖의 이미지는 로딩을
j-plum.tistory.com
공식문서 : https://nextjs.org/docs/pages/building-your-application/optimizing/images
Optimizing: Images | Next.js
Optimize your images with the built-in `next/image` component.
nextjs.org
Link 컴포넌트
- Next.js에서는 페이지 이동을 하기 위해 a 태그 대신 Link 컴포넌트를 사용할 수 있습니다.
Link 컴포넌트는 페이지 이동 시 페이지 새로고침 없이 전환합니다.
------------------------------------------------------------------
계속 업데이트 예정
'React > React Framework' 카테고리의 다른 글
| Jest에 대해 알아보자 (0) | 2024.09.30 |
|---|---|
| [Next js] 엑티브 링크와useSelectedLayoutSegment (0) | 2024.01.30 |
| [Next.js] Next App Router에 대해 (0) | 2024.01.18 |
| [Next.js] router와 slug + 기본경로설정 (0) | 2023.09.07 |
| [Next.js] Images에 대해서 (1) | 2023.09.07 |