favicon을 삽입했는데,적용이 되질 않았다.

경로도 이리저리 옮겨보고

상대경로도 해보고 절대경로도 해보고

브라우저에 캐시 초기화도 해보고.

갖은 고생을 하다가,

index.html 엔트리 파일의 태그 상단에

아래 코드를 "똑 같 이" 넣어줬더니 해결되었다.

  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />

물론 favicon.ico 파일 이름도 동일하게 맞춰야 한다.

나는 %PUBLIC_URL% 이 코드를 보고 바꿔 써야되는구나하고

"./favicon.ico"

"https://velog.io/favicon.ico"

"sys_front_dev/project/public/favicon.ico"

등등 헛짓을 했는데

저 텍스트 그대로 삽입하면 작동했다.

PUBLIC_URL ?

href="%PUBLIC_URL%/favicon.ico와 같이 값이 설정되어 있다. 이 %PUBLIC_URL%는 React에 제공하는 접두어로 공개 사이트 URL이 설정된다.

오늘도 고생하며 배웠다.

짠!