파비콘이란?
파비콘이란 아래 이미지와 같이 웹사이트 또는 웹 페이지를 대표하기 위해 웹 브라우저에서 사용되는 16x16 픽셀의 작은 이미지이다.
파비콘 변경하기
원하는 이미지 파일을 public 폴더에 넣어준다 그리고 index.html 파일로 이동해준다. 그럼 아래와 같은 코드가 포함되어 있을텐데 끝에 부분을 원하는 이미지 이름으로 변경한다.
바꾸기 전
1
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
바꾸기 후
1
<link rel="icon" href="%PUBLIC_URL%/newfavicon.png" />
웹 title이란?
HTML 하나의 페이지의 title 즉, 제목을 나타내며 SEO 검색엔진 최적화에 있어서 정말 정말 중요한 요소 중 하나
웹 title 변경하기
public 폴더에 index.html로 이동하여 아래와 같이 써있는 코드를 찾는다. react 프로젝트 초기 값은 고정으로 같다.
바꾸기 전
1
<title>React App</title>
바꾸기 후
1
<title>Mbti Test</title>
마치며
혹시 잘못된 정보나 궁금하신 게 있다면 편하게 댓글 달아주세요.
지적이나 피드백은 언제나 환영입니다.