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

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. 그럼 쨔쟌 완성 ~

'FA > React' 카테고리의 다른 글

20220927 React에서 sweetalert2 사용하기 (0)	2022.09.27
22020926 React Hooks - useState, useEffect (0)	2022.09.26
20220924 React에서 Dark모드 적용하기 (0)	2022.09.24
220917 배경에서 랜덤으로 이미지 나오게 하기 (0)	2022.09.17
React의 JSX / Javascript와 다른 점 / JSX 규칙 (0)	2022.08.15

<title>코딩공부</title>

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

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

'FA > React' 카테고리의 다른 글

티스토리툴바

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

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

'FA > React' 카테고리의 다른 글

'FA/React' Related Articles

티스토리툴바