[Next] Head에 link태그로 탭 아이콘 변경하기(feat. title)

쿼카쿼카·2022년 10월 19일
0

React / Next

목록 보기
13/34
// Seo.js

import Head from "next/head";

export default function Seo({title}) {
  return (
    <Head>
      <link rel="icon" href="/netflix_icon.png" />
      <title>{title} | Next Movies</title>
    </Head>
  )
}

Head

  • crate-next-app에서 이미 설치돼서 바로 import 해주면 됨
  • title

    • 탭 제목을 담당. children에 내용 삽입
    • 위에서는 title을 props로 받아와 사용
    • 탭 아이콘 담당
    • public 폴더에 원하는 사진을 넣어둠
    • rel='icon' href'/public에 있는 사진 이름'
    • 어제 하루종일 찾아도 안 됐었는데...n0hack 형 덕분에 바로 해결됐다. 이래서 사수가 ㄹㅇㄹㅇㄹㅇㄹㅇㄹㅇㄹㅇㄹㅇㄹㅇㄹㅇㄹㅇ 중요하다.

탭 결과

profile
쿼카에요

0개의 댓글