배포

배포

• 소스코드를 24시간 yarn dev시켜놓는 방법

  이용자가 많아지게 될경우 여러대의 컴퓨터에 똑같은 소스코드를 배포하고 부하를 분산시켜주는 LB(Load Balancer)를 사용해서 서비스 이용자를 여러컴퓨터에 분산시켜줄 수 있다.

실무에서는 HTML, css, JAVASCRIPT를 프론트엔드서버에 저장하지 않고 구글 스토리지에 저장

왜?

프론트엔드 서버에 저장하면 서버관리를 직접해야하지만 스토리지에 올려두면 서버관리를 구글에서 해주기때문에 훨씬 간편해진다.

SSR : Server Side Rendering

• 브라우저에서 LB로 페이지 요청 // HTML, CSS, JAVASCRIPT를 서버에서 먼저 그리는 방식
  -> 속도가 느려짐 , 근데도 계속 쓰임

왜?

1. 처음부터 data를 받아오느냐 아니냐의 차이
   • 처음부터 받아와야 하는 경우 ex) 카카오톡에서 링크보내면 어떤링큰지 미리보여주는 서비스
     (여기서 사진을 하드코딩하지 않고 페이지마다 다른 사진을 보여주고 싶으면 먼저 SSR을 해야한다)
     
2. 검색엔진의 최적화(SEO)

OG : OPEN GRAPH

meta 태그 안에 og 를 넣어서 코드를 작성하면 다른사이트에서 내 사이트의 링크를 작성하면 og의 내용들을 스크랩핑해서 미리보기로 그려준다
-> 얘는 JS의 기능이 아님, 정형화된 코드임

SEO : Search Engine Optimizer

배포 사이트

• AWS
• GCP(Google Cloud Platform)

도메인 구매 사이트

• godaddy
• 가비아