vuejs
-
[Vue] 웹서버 배포하기 2부 (github actions로 자동화 하기)🎁 토이 프로젝트/오분 (2020년 첫 토이 프로젝트) 2020. 6. 25. 01:21
안녕하세요! 운동하는 개발자 JAY입니다!! 오늘은 1부에 이어서 Vue프로젝트를 자동 배포하는 방식을 알아보려 합니다. github actions를 이용해서 진행하려고 하는데, github actions를 처음 접하시는 분들은 Test CI를 위한 Github Actions , pytest-django 세팅을 한번 읽어보고 오시면 될 것 같아요. 1. CD (Continuous Deploy)를 위한 배포 자동화 CI, CD 에 대해서 많이 이야기가 있는데요, CI는 지속적 통합을 이야기하고 코드가 통합될 때 Test Case를 자동으로 실행하는 코드 통합을 위한 절차입니다. CD는 그 다음 지속적 배포를 위한 절차 입니다 (언제든지 배포 가능한 상태를 말합니다.) (이번 포스팅에서는 CD에 대한 내용만..
-
[Vue] 웹서버 배포하기 1부 (Nginx 연동)🎁 토이 프로젝트/오분 (2020년 첫 토이 프로젝트) 2020. 6. 25. 00:57
안녕하세요! 개발자 JAY입니다. 오늘은 Vue로 생성한 웹 프로젝트를 서버로 배포하는 방법에 대해서 알아보겠습니다. 1. 프로젝트 빌드(build) 하기 로컬에서 개발했을 때는 npm run serve로 프로세스를 실행시켜서 확인을 했는데요. 저는 서버에서 따로 프로세스(?)를 실행시키지 않고빌드 파일을 만들어서 배포할 예정입니다. 빌드 파일은 두 가지 방법으로 서버에 배포할 수 있는데, 로컬에서 빌드 파일을 만들어서 서버로 옮기거나 서버에서 직접 소스코드를 받아서 빌드하는 방식이 있습니다. 📌 로컬에서 빌드 파일 생성 첫번째로, 개발한 프로젝트의 빌드 파일을 아래 명령어로 생성합니다. npm run build 이렇게 하면 dist라는 폴더로 배포 파일들이 만들어지게 됩니다. (안에는 js, css, ..