nextjs Data List
- NEXT.JS 기본개념
- NEXT.JS 설치
- NEXT.JS 실행방법
- NEXT.JS 파일 및 구조
- NEXT.JS 데이터 가져오기
- NEXT.JS API 쿼리데이터 생성
- NEXT.JS Components
- NEXT.JS page.js 파라미터 처리
- NEXT.JS app router 방식 client ip 주소 가져오는 방법
- NEXT.JS monaco-editor 사용방법
- NEXT.JS react-quill 사용방법
- NEXT.JS app router 방식 rss feed.xml 간단하게 설정 방법
- NEXT.JS app router 방식 sitemap.xml 간단하게 설정 방법
NEXT.JS Components
2023-11-14 00:00:00
/ 목차 /
- NEXT.JS에서 지원하는 Components
- 이미지처리
- 링크처리
- 스크립트처리
NEXT.JS에서 지원하는 Components
- NEXT.JS 지원하는 이미지처리 링크처리 스크립트 처리 컴퍼넌트입니다.이미지처리
code import Image from 'next/image' export default function Page() { return ( <Image src="/profile.png" width={500} height={500} alt="Picture of the author"> ) }
링크처리
code import Link from 'next/link' export default function Page() { return ( <Link href="/dashboard"> Dashboard </Link> ) }
스크립트처리
code import Script from 'next/script' export default function Dashboard() { return ( <Script src="https://example.com/script.js"> ) }
Comment