프로젝트 배포 준비 및 빌드
프로젝트 배포 준비 및 빌드
프로젝트 타이틀 변경
- 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
실행
참고
Author And Source
이 문제에 관하여(프로젝트 배포 준비 및 빌드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hoho_0815/프로젝트-배포-준비-및-빌드저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)