gcp3 구글 클라우드 플랫폼을 이용하여 리액트 프로젝트 호스팅하기 (nginX) #3 이전 포스팅에 이어지는 내용입니다. 구글 클라우드 플랫폼을 이용하여 리액트 프로젝트 호스팅하기 (nginX) #1 구글 클라우드 플랫폼을 이용하여 리액트 프로젝트 호스팅하기 (nginX) #2 위 포스팅을 먼저 보고 와주세요! 지난 포스팅에서 ssh 인증을 통해 외부에서 인스턴스로 접근하는 과정까지 진행했습니다. 이제 빌드 파일을 업로드 하고, nginx 설정에서 이 빌드 파일을 띄워주도록 변경해보겠습니다. 인스턴스에 처음 접속하면 홈 디렉토리로 연결됩니다. (~) 빌드 파일을 이곳에 먼저 올려보겠습니다. scp -i ~/.ssh/id_rsa -r ./build/ 유저이름@인스턴스주소:./ 여기에선 파일 전송 명령어인 scp를 사용합니다. -i 옵션은 인증서의 위치, -r 옵션은 하위 파일들을 포함하는 .. 2020. 9. 12. 구글 클라우드 플랫폼을 이용하여 리액트 프로젝트 호스팅하기 (nginX) #2 이전 포스팅인 구글 클라우드 플랫폼을 이용하여 리액트 프로젝트 호스팅하기 (nginX) #1에 이어지는 내용입니다. 지난 시간에 우리는 GCP에 우분투 인스턴스를 생성하고, nginx를 설치하여 서버를 가동시키는 과정까지 진행했습니다. 그럼 이제 리액트 프로젝트를 가져와서 nginx에 연결하는 과정까지 해보겠습니다. 이번 프로젝트를 진행하면서 많은 시간을 정보 검색에 할애했었는데, 원하는 내용을 찾지 못해서 이곳저곳에서 토막 지식을 붙여다가 겨우 성공했습니다... 삽질은 힘드네요. 우리의 최종 목표는 빌드된 파일만을 서버에 업로드하고, 배포 과정을 단축시킬 수 있는 스크립트를 작성하는 것 까지입니다. 그럼 시작하겠습니다. nginx를 설치했다면 주어진 외부 IP주소를 통해 들어갔을때 기본 화면이 보입니다.. 2020. 9. 11. 구글 클라우드 플랫폼을 이용하여 리액트 프로젝트 호스팅하기 (nginX) #1 토이 프로젝트에 프론트엔드로 참여하고 있던 중 작업중인 내용을 백엔드 개발자분들이 확인할 수 있다면 좋을 것 같다는 생각이 들었습니다. github page를 이용하면 빠르고 손쉽게 올릴 수 있었지만, 기왕 올리는거 여러가지를 많이 경험해 볼 수 있도록 GCP를 이용해 구성하기로 하였습니다. 아직 한 번도 사용해 본 적이 없어 하나씩 검색해보며 첫 삽을 떴기 때문에 다소 헤매는 감이 있을수도 있습니다. ㅎㅎ 가장 먼저 구글 클라우드 플랫폼에 가입하여 무료 크레딧을 받았습니다. 처음보는 이름의 메뉴도 많고 다양한 작업을 할 수 있을 것 같이 보이지만... 오늘 제 목적은 서버를 올려 웹 페이지를 띄워주는것이기 때문에 새 VM(가상머신) 인스턴스 만들기를 클릭하여 새 공간을 구성합니다. 몇 가지 설정을 상황.. 2020. 9. 10. 이전 1 다음
