AI기록장
React_기초다지기_하루정리(프로젝트 배포) 본문
◼︎React
⚑목표 : 내가 만든 프로젝트 배포하기
배포과정 정리
배포 전 코드 용량 축소
- 우리가 프로젝트를 진행하며, 짠 코드는 띄어쓰기와 불필요한 용량을 차지하는 부분들이
많이 존재한다 - 이것은 build 명령어를 통해서 해결할 수 있다
- 터미널을 열고, 'npm run build'를 하게되면, 우리가 짠 코드들의 일부가 불필요한 용량을 차지하는 부분들 없이 저장되게 된다.
배포과정에서 오류 수정하기
- npm run build를 통해 코드 용량 축소
- serve -s build
- 이후 프로젝트에 대한 오류가 있다면 버그를 수정하고
1,2 번을 다시한번 반복해준다.
배포하기
- 일반적으로 클라우드 등을 이용해 배포를 하게되면 추가적인 비용이 발생하므로
Firebase를 이용하여 배포함
- 프로제트를 만들어줌
- 호스팅 설정 (안내대로 진행하면됨)
- 제대로 진행했다면 프로젝트네 Firebase파일이 생성됨
'React' 카테고리의 다른 글
| React_기초다지기_하루정리(프로그램 최적화[React.memo]) (0) | 2023.06.29 |
|---|---|
| React_기초다지기_하루정리(util 폴더 이용하기, useNavigate, 특정 객체에 대한 처리 실습) (0) | 2023.06.22 |
| React_기초다지기_하루정리(new Date(), sortType-Compare, 이미지를 이용한 마크업) (2) | 2023.06.05 |
| React_기초다지기_하루정리(useReducer) (0) | 2023.06.04 |
| React_기초다지기_하루정리(font인용, 공용컴퍼넌트 생성,) (3) | 2023.06.01 |