멋사스쿨_배포

jellyjoji·2023년 7월 4일
0

서비스 배포 절차

배포를 위한 빌드하기 "npm run build"

npm run build

배포할때는 컴파일 한 결과인 css 파일만 build 해서 나가게 해야합니다.
배포할때 brunch 는 main 으로 병합 후 main 을 배포해야합니다.

npm run build

npm run build 하면 빌드가 진행되고 배포 버전으로 파일들이 만들어집니다.
해당 빌드를 실행하면 프로젝트에 전에 없던 build라는 폴더가 생성됩니다.
폴더에 접근해보면 사이트를 배포할 때 꼭 필요한 파일들만 모아둔 빌드된 버전이 있습니다. 이 파일을 이용해서 웹서비스에 게시하게 됩니다.
index.html 파일 소스를 보면 공백을 다 없애고 자동으로 압축되어 난독화 된 알아볼 수 없는 코드들이 나타납니다. 이렇게 자동으로 최적화된 파일은 서비스를 실행하기에 가장 좋은 최적의 환경을 만들어 줍니다.

webpack 번틀러가 언어들을 js css png jpg 로 묶어서 패키지로 내보낸다.

배포환경은 src 를 배포하면 안되고 build 를 배포해야합니다.
왜냐하면 개발버전은 공개하면 안되기 때문입니다. 개발자 소양으로서 개발버전과 배포버전은 달라야합니다.
개발자가 남긴 주석 모두 제거하고 배포해야합니다. 주석노출금지

netlify 를 통한 배포

깃헙에 서비스를 올린 후 netlify 를 이용하면 무료로 배포 가능합니다.
[netlify](## https://app.netlify.com/)
데레사 강의
netlify 주의할 점은 파일 경로 설정시 src 를 써줘야 한다는 점입니다.

0개의 댓글