[빌드 및 배포] 초간단 정리

회사 홈페이지를 새롭게 구축하고, 빌드 및 배포하는 과정을 정리함.

 

1. 먼저 빌드를 한다.

- 빌드 : 쉽게 집을 만드는 과정이라고 생각하면됨.

npm run build 라고 치면, build 폴더가 새로 만들어질 것이다.

 

 

 

빌드 완료

 

 

2. 빌드가 완료되었다면, 이제 서버에 배포해보자!

실제 서버에 배포하기 전에 테스트 서버에 배포해 보겠다.

먼저 컴퓨터에 있는 프로젝트 위치를 알기 위해서 명령어 pwd를 입력해서 알아낸다.

 

 

 

3. [ SFTP ]

SFTP는 리눅스 기반의 OS에서 파일 업로드 및 다운로드를 하기 위한 프로토콜이다.

SFTP 접속을 위해서 FileZilla 라는 접속 툴을 사용할건데, 다운로드는 아래링크에서 받을 수 있다.

출처: https://devth.tistory.com/82 

[포트폴리오 프로젝트 11] 메이븐 빌드 및 서버 배포

 

FileZilla 접속

 

 

포트를 입력해야하는데, 테스트 서버에 배포하므로 포트는 생략한다.

연결을 누르고 비밀번호를 입력하면 접속 완료.

 

4. 아까 pwd 명령어로 알아낸 프로젝트 실제경로를 왼쪽에 붙여넣기 한다.

아래 이미지를 보면 왼쪽이 실제 컴퓨터 폴더 경로이고, 오른쪽이 서버 경로다.

프로젝트명 - build 폴더 까지 접근!

 

 

컨트롤 + A 키를 눌러 폴더 안 전체 내용을 오른쪽 build 폴더에 드래그 앤 드롭하면 덮어쓸꺼냐는 문구가 뜬다.

항상 이 동작 사용을 체크 한 후 확인 버튼을 누르면 배포 끝!

 

 

 

배포가 잘 됬는지 확인하려면 위 이미지 캐릭터 웃는 부분에 포트가 나와있을꺼다.

그부분 복사해서 검색해보면, 아래와 같이 정상 작동!!

 

 

끝~