220919 React 타이틀, 아이콘 바꾸는 방법

FA/React

220919 React 타이틀, 아이콘 바꾸는 방법

🍍🍍림 2022. 9. 19. 23:05

public 파일에 index.html파일에서 바꿔주기

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <link rel="shortcut icon" href="./logo.png" />//href에 아이콘 위치
    //shortcut을 넣으면 즐겨찾기 추가시에도 같은 아이콘으로 사용가능
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>React App</title> //여기 안에 타이틀 제목 넣기
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>

https://www.favicon-generator.org/

Favicon & App Icon Generator

Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.

www.favicon-generator.org

여기서 아이폰+ 안드로이드 모든 아이콘 대응가능한 아이콘 만들 수 있음

1. 파일선택해서 > Favicon 만들기하고

2. 네모칸안에 나오는 것들 헤드안에 추가하고 Download the generated favicon 눌러서 다운로드하고

3. public 폴더에 다운받은 이미지들 다 넣어주기

4. 그럼 쨔쟌 완성 ~