정적파일배포(SSG배포): STORAGE 에서 HTML,CSS,JS만 다운받으면 됨,파일이 변경되지 않음
$yarn build: html 파일로 변함 => html 실행하면 화면이 나옴
서버사이드랜더링(SSR배포): FRONTEND 서버를 24시간 켜서 $yarn dev 해놔야 됨.
정적파일: 파일(명)이 변하지 않음
동적파일: 파일명이 그때끄떄 바뀜
주소에 따라서 STORAGE(정적 주소)로 접속할지 FRONTEND(다이나믹 주소)로 접속할지 나눠줘야 됨 => LoadBalancer 필요
부하 분산기 만들기
TCP: 안정성추구,데이터,
UDP: 속도추구,게임,그래픽
서버리스 서비스: CF, Lambda
Cloud Functions: 백엔드 컴퓨터가 켜있는 대신에 Api 요청시 해당 함수가 실행됨, 속도가 느린 대신 비용이 저렴하다
==frontend ==> LB ==Backend==>STORAGE/FRONTEND
https:// => 보안강화
cdn(contents delivery network)
GCP: 도메인 사용설정 가능, DNS 설정가능
GABIA: 도메인 관리, DNS 관리
GABIA 대신 GCP에서 DNS 관리 할려면 NS 설정 변경
리소스 레코드 유형
A : IPV4
AAAA : IPV6
MX: Mail 설정
SPF, TXT: 증명용도
$dig 도메인 주소 A => IP 주소 보여줌
주소입력 =>
정적 배포 과정
- Clout Storage 버킷 생성
- 버킷 안에 파일(out 폴더) 업로드
- git clone (주소)
- class_build 들어가서 yarn install(next 설치)
- yarn build:ssg(out 폴더 생성)
- gsutil cp -r(폴더안에 모든 폴더 순환) ./out/* gs://codecamp-sejung
- 공개여부 인터넷에 공개
- 주 구성원 allUsers/cloud starage/ viewer 추가
- trailingSlash: true => 모든 파일명 index.html 변경
- codecamp-sejung website configuration
- 부하 분산기 만들기
- 인터넷에서 vm 또는 서버리스 서비스로 선택
- 프론트엔드 구성 http 포트번호: 80/ https 포트번호 443 (생략가능), IP 주소 발급
- 백엔드 구성(백엔드 버킷 만들기)
- 라우팅 설정(동적 라우팅/정적 라우팅)
- DNS 영역 만들기
- 가비아 홈페이지에서 도메인 관리 => 네임서버: 구글로 수정(4개,점 무시)
- 터미널: $dig 도메인 주소 NS => 도메인 정보 보기(4개 바뀌면 구글에서 사용 가능)
- 레코드 세트 추가: LB에 있는 IPv4 복붙, A부분에
- $dig sejung1997.shop A : IP주소 나오면 성공
