react로 파비콘(아이콘) 넣기 & 제목(title) 바꾸기

 

1) favicon

 

1. favicon.ico 준비하기

 

아래의 사이트에서 무료 아이콘 파일을 다운 받을 수 있습니다.

https://icon-icons.com/ko/

무료 아이콘 SVG, PNG, ICO 또는 ICNS

2. favicon파일 적용하기

react 기본 세팅에서는 favicon.ico 파일과 index.html파일이 public 폴더 안에 위치합니다.

 

새로운 이름의 아이콘 파일을 추가하고 싶다면 그 아이콘의 이름을 favicon.ico로 만들어주거나,

index.html에서 링크에 적힌 이름을 바꾸어 주어야 적용됩니다.

//기존
<link rel="icon" type="image/svg+xml" href="favicon.svg" />

//바꿨을 때
<link rel="icon" type="image/svg+xml" href="다른이름.svg" />

 

 

2) title 바꾸기

 

1. title 바꾸기

public폴더에 위치한 index.html의 title태그를 수정하면 됩니다.

<title>탭 위 제목</title>