1. Assets
static assets
이미지같은 정적인 리소스들은 public 폴더 하위에 둔다.
public폴더 하위에 images폴더를 생성한 뒤, 이미지를 넣어줬다.
그리고 index.js에서 불러오기!
<img src="/images/cane-corso.jpg" />
2. Metadata
HTML의 <title>나 <link> 태그는 Head 컴포넌트를 통해 수정할 수 있다.
페이지별로 title을 다르게 할 수 있다..!! 그냥 리액트만 사용할 땐 못했었던 것..
index.js에서 Head 컴포넌트를 import 한다.
import Head from "next/head";
Head 컴포넌트를 정의해준다
<title>태그와 <link>태그를 Head 컴포넌트로 감싸주는 형식!
<Head>
<title>NextJS Test</title>
<link rel="icon" href="/favicon.ico" />
</Head>
'STUDY > React' 카테고리의 다른 글
| React | Context API 알아보기 (0) | 2021.02.21 |
|---|---|
| React | useRef로 DOM 선택하기 (0) | 2021.02.01 |
| React | Next.js 사용해보기 (1) - 생성 및 실행, navigation (0) | 2021.01.29 |
| React | SVG 사용 (0) | 2021.01.18 |
| React | 환경 변수 설정하기 (create-react-app) (0) | 2020.12.18 |
