73.01_[Cloud] 운영 환경 구성_정적 웹 사이트 호스팅_22.12.05

>클라이언트 배포 전 환경 설정

=========================================

>nvm 설치

: local PC에서 진행할 것.

 

1. bash 명령어로 nvm 설치 진행
: ubuntu 터미널을 실행하여 /mnt/c/User/Jungho/ 에서 진행

: 공식 문서(https://github.com/nvm-sh/nvm#install--update-script) 에서 최신 버전으로 설치할 것.

명령어 : wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash

/* wget 이 없다면?(설치 방법)
# Ubuntu
sudo apt update
sudo apt install wget
*/

2. 설치 확인
: 설치 후 터미널 재부팅 필요

nvm --version

=========================================

>node.js 설치
: local PC에서 진행할 것.
: ubuntu 터미널로 nvm 설치한 경로에서 진행

1. node.js 설치
: LTS 버전 설치
* LTS(Long-Term Support)는 node.js에서 지원하는 기간이 길다는 의미
//node.js 버전과 client 코드의 버전 매칭을 주의할 것.

nvm install --lts

2. 설치 확인

node -v

=========================================

 

>Hosting a Static Website
: S3 버킷을 이용함.

>정적 웹 사이트 호스팅 과정
1. 정적 웹 페이지 빌드
: npm 설치
: .env 환경변수 설정
: `/client`디렉토리에서 npm run build 수행
: `/client/build` 생성 확인
2. 버킷 생성 후, 버킷을 정적 웹 사이트 호스팅 용으로 구성
: JWS S3로 접속
: 버킷 선택 - 속성 - 정적 웹 사이트 호스팅 편집 - 정적 웹 사이트 호스팅 활성화
: 활성화 완료 후 생성된 버킷 웹 사이트 엔드포인트 주소 확인
3. 빌드된 정적 웹 페이지 업로드
: (1) 에서 빌드시킨 정적 웹 페이지 업로드
: 버킷 선택 - 객체 - 업로드 - `/client/build` 경로에 있는 정적 파일들 업로드
4. 퍼블릭 액세스 차단 해제 및 정책 생성
: 버킷 선택 - 권한 - 퍼블릭 액세스 차단 항목에서 차단 체크박스 해제
: 버킷 선택 - 권한 - 버킷 정책 - 편집 - 정책 생성기 - (정책은 필요할 때 다시 공부) - 정책 생성 - 생성된 정책(JSON) 복사하여 버킷 정책에 붙여넣기 - 변경 사항 저장
5. 테스트
: (2) 에서 확인했던 버킷 웹 사이트 엔드포인트 주소로 접근하여 완료 확인

>용어 설명

-Node.js
: javascript를 기반으로하는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼.

-nvm(Node Version Manager)
: node js 버전 매니저로 시스템에 여러 개의 nodejs 를 설치하고 사용할 버전을 쉽게 전환할 수록 도와주는 shell script

-npm(Node Package Manager)
: Node.js의 기본 패키지 관리자.

//자세한건 필요할 때 해야할 부분같음.