JAMStack에 대해서(Netlify,CDN)

KHW·2020년 12월 15일
0

Javascript 지식쌓기

목록 보기
5/95

강의를 보다가 JAMStack이라는 새로운 개념에 대해서 보게되어 한번 짧게라도 정리해보는 시간을 가지려고한다.

JAMStack : 자바스크립트, API, 마크업의 세 가지 축을 기반으로 하는(각각 첫 글자를 따서 JAM이 됨) 웹 애플리케이션 모델(아키텍쳐)

특징

1) 잼스택 사이트의 웹 페이지는 표준 마크업 언어로 구성되므로 앱 서버나 서버 측 기술(Node.js 등)에 대한 종속성 없이 어디서나 빌드하고 테스트할 수 있다.

2) 모든 인터랙티브 기능은 표준 브라우저에서 실행되는 자바스크립트 코드로 제공

3) 잼스택은 전통적인 웹사이트 작동 모델에 대한 반작용으로 2010년대 중반에 일어난 “정적 웹” 운동의 일부로 탄생했다.

정적 웹 ?

=> 정적’이라는 말이 인터랙티브 요소가 없는 단순한 웹 1.0 페이지를 의미하지 않는다는 것이다.
=> 이러한 페이지는 브라우저에서 실행되고 데이터베이스, 서버 측 기능, 또는 호스팅되는 서버리스 함수에 대한 API 호출을 수행하는 고급 자바스크립트를 포함할 수 있다는 사실을 기억해야 한다. (동적으로 서버에서 API 호출을 할 필요가 없는 웹이기 때문인것 같다.)

추가내용 : 2015년경 “넷틀리파이(Netlify) 창업자들이 ‘정적 웹’이 가진 부정적인 어감을 피하기 위해 ‘잼스택’이라는 용어를 고안했다”고 말했다.

Netlify란?

클라우드 컴퓨팅 및 (정적 웹사이트를 위한) 웹 호스팅 업체다.
넷틀리파이의 공동 창업자인 마티아스 빌만은 잼스택이라는 용어를 만들었고, 넷틀리파이의 서비스는 잼스택 철학을 기반으로 사이트를 구축하고자 하는 고객에게 최적화되어 있다.

CDN이란?

CDN은 사용자 위치, 콘텐츠 원본 서버, 에지 서버 위치를 기준으로 콘텐츠(웹페이지, 동영상, 이미지)를 최종 사용자에게 전송할 수 있는 (에지 로케이션 서버라고도 하는) 분산 노드로 구성된 네트워크

원리
1) 사용자가 특정 위치에서 웹서버 데이터(웹사이트)에 액세스할 때 웹사이트에 대해 CDN 설정이 구성되어 있는 경우 요청은 먼저 가까운 최적 CDN 노드로 전송됩니다. CDN에서 요청된 데이터를 해당 노드에 이미 캐싱한 경우, 데이터가 원본 서버로 다시 전송될 필요 없이 해당 노드에서 사용자에게 제공됩니다.

2) 데이터가 해당 사용자에게 데이터를 제공하는 CDN 노드에 캐싱되지 않은 경우 요청이 CDN 노드로 먼저 전송된 후 원본 서버로 전송됩니다. 그런 다음 CDN 노드는 데이터를 원본 서버에서 가져와 사용자의 요청을 이행합니다.

출처 : https://www.itworld.co.kr/news/156752
https://www.alibabacloud.com/ko/knowledge/what-is-cdn

profile
나의 하루를 가능한 기억하고 즐기고 후회하지말자

0개의 댓글