React에서 favicon 변경하는 법

React로 개일 프로젝트를 하다가 문득 윈도우창에 그려져있는 react favicon과 title이 신경 쓰였다.

이것을 손쉽게 바꾸는 방법이 없을까 찾아보다가 react-helmet이라는 노드 모듈을 사용하면 된다는것을 알아냈다.

사용 방법은 npmjs에 잘 나와있다.
https://www.npmjs.com/package/react-helmet

모듈을 설치한다음

public/manifest.json 파일에서 아래 내용들을 원하는 내용으로 바꾸어주면 favicon과 title을 바꾸어 줄 수 있다.

그리고 react-helmet에 관해서 더욱 자세하게 설명해 놓은 글은 아래 링크를 참조하면 되겠다. 동장 방식과 SEO (Search Engine Optimization)에 대해서 잘 설명해 놓은 글이다.
https://jeonghwan-kim.github.io/dev/2020/08/15/react-helmet.html