React 웹 페이지 이름 변경, 브라우저 탭 표시 이름 변경하기

 

리액트 프로젝트 배포 후, 브라우저 탭에 표시되는 이름이 React App 인 것을 확인하고 변경해봤습니다.

 

 

1. public > index.html 파일 열기

 

웹 페이지 이름이 어디에 표시되어 있는지를 찾아내기 위해 public 폴더 하위에 위치한 index.html 파일을 열어줍니다.

 

 

2. title 태그 내부 문구 수정

 

title 태그 내부를 원하는 제목으로 수정해줍니다.

 

 

3. 로컬 환경에서 확인

 

로컬 환경에서 서버를 켜고 변경된 것을 확인할 수 있습니다.

 

배포를 했다면, 해당 사항을 담아 다시 배포한 뒤 제대로 적용된 것을 확인할 수 있어요.