프로젝트 배포 준비 및 빌드
프로젝트 타이틀 변경
- public 폴더 안의
index.html - 기존 HTML 타이틀 변경과 동일하게
title태그 수정
description 수정
<meta
name="description"content="Web site created using create-react-app"/>content수정
언어 설정
<html lang="ko">- 한국어 : ko
- 영어 : en
페이지 마다 타이틀 변경하기
리스트를 설명하는 페이지인 경우
// 타이틀 변경
useEffect(() => {
const titleElement = document.querySelector('title');
titleElement.innerHTML = `감정 일기장 - ${id}번 일기`;
}, []);
빌드
package.json파일에 script 부분에build가 있습니다.- 명령어를 입력하게 되면, 배포 할 수 있는 압축된 파일을 얻을 수 있습니다.
- 명령어를 입력해서 성공적으로 준비가 되면, The build folder is ready to be deployed. 와 같은 메시지가 나옵니다.
serve -s build
- 위의 명렁어를 통해 배포를 할 수 있습니다.
- On Your Network : 는 나와 같은 공유기를 사용하는 사람들이 접속 할 수 있는 주소
serve 명령어가 설치 되어있지 않은 경우
npm install -g serve 입력
빌드 후 에러가 발생하거나, 수정하고 싶은 경우
- 코드 수정 후 저장
- 터미널이 동작 하고 있다면, ctrl+c 눌러서 종료
- 새로고침을 눌렀을 때 접속이 불가능 해야 합니다.
npm run build실행serve -s build실행
참고
Coding is playing!