Github Pages 배포 시 favicon 적용 안되는 이슈

최근 React로 간단하게 유튜브 클론 프로젝트를 해보았다.
Github Pages를 통해 프로젝트 배포를 했는데
favicon이 적용되지 않는 이슈를 겪었다.

이 글을 통해
해당 이슈를 해결한 방법을 적어보려 한다.

일단 처음에 나는 public 디렉토리 속에
favicon.ico를 넣어두었다.

index.html 파일의 link 태그도 고쳐보고,
가끔 favicon 적용에 문제가 있으면
쿠키 문제일 때가 있어서 쿠키를 삭제하고 다시 해봤지만
여전히 고쳐지지 않았다...

그러다가 stackoverflow를 통해
해결방법을 찾게 되었다.

Favicon with GitHub Pages

프로젝트의 root 디렉토리에 있는
index.html 코드 속에 favicon을 설정하는 link 태그를

 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">

이와 같이 설정하고 같은 root 디렉토리에
favicon.ico 파일을 위치시켜야 한다는 것이다.

나는 바보같이 public 디렉토리 내에서
혼자 난리부르스를 치고 있었다 ㅎㅎ... ㅠㅠ

아무튼 해결 완료 ४ 'ڡ' ४
나와 같은 오류를 겪고 있는분들에게 도움이 되길 !!