React

React_기초다지기_하루정리(프로젝트 배포)

SanL 2023. 6. 30. 01:23

◼︎React


⚑목표 : 내가 만든 프로젝트 배포하기


배포과정 정리

배포 전 코드 용량 축소

  • 우리가 프로젝트를 진행하며, 짠 코드는 띄어쓰기와 불필요한 용량을 차지하는 부분들이
    많이 존재한다
  • 이것은 build 명령어를 통해서 해결할 수 있다
  1. 터미널을 열고, 'npm run build'를 하게되면, 우리가 짠 코드들의 일부가 불필요한 용량을 차지하는 부분들 없이 저장되게 된다.

배포과정에서 오류 수정하기

  1. npm run build를 통해 코드 용량 축소
  2. serve -s build
  3. 이후 프로젝트에 대한 오류가 있다면 버그를 수정하고
    1,2 번을 다시한번 반복해준다.

배포하기

  • 일반적으로 클라우드 등을 이용해 배포를 하게되면 추가적인 비용이 발생하므로
    Firebase를 이용하여 배포함
  1. 프로제트를 만들어줌
  2. 호스팅 설정 (안내대로 진행하면됨)
  3. 제대로 진행했다면 프로젝트네 Firebase파일이 생성됨