Jamstack (2021년 1월 현재)

웹 페이지 정보
https://jamstack.org/

Jamstack (2021년 1월 현재)


Jamstack is the new standard architecture for the web. Using Git workflows and modern build tools, pre-rendered content is served to a CDN and made dynamic through APIs and serverless functions. Technologies in the stack include JavaScript frameworks, Static Site Generators, Headless CMSs, and CDNs.
Jamstack은 웹의 새로운 표준 구조이다.Git 워크플로우와 최신 구축 도구를 사용하여 미리 렌더링된 내용을 CDN에 제공하고 API 및 서버 기능 없이 동적으로 수행합니다.스택에 포함된 기술은 JavaScript 프레임워크, 정적 사이트 생성기, 헤드 없는 CMS, CDN 등을 포함한다.
The core principles of pre-rendering, and decoupling, enable sites and applications to be delivered with greater confidence and resilience than ever before.
사전 렌더링과 결합 해제의 기본 원칙에 따라 사이트와 응용 프로그램은 이전보다 더욱 신뢰할 수 있는 신뢰성과 회복성으로 나누어 줄 수 있다.

(참조) 지금까지의 Jamstack/JAMstack

  • Matt Biilmann(Netlify회사)은 2016년경 제창하기 시작했다.
  • 원래 JAMstack이었습니다.JavaScript, APIs, Markup의 이니셜이라고 합니다.

  • 2019년 12월쯤.부터 2020년 4월경까지 JAMstack은 Jamstack 태그로 변경됩니다.
  • 정의/구성 요소는 최초의'JavaScript, API, Markup이라는 요소를 포함하는 요소'부터'웹 서버를 통하지 않는 요소', 현재의'미리 렌더링하고 분리된 요소'까지 사회의 침투 상황에 따라 광범위하게 변화한다.
  • Jamstack이란 무엇입니까?

  • 구글의 Rendering on the Web 아래 그림의 CSR with Prendering이라고 할 수 있다.

  • 는 SSR이 아니라 정적 HTML을 미리 렌더링합니다.SPA에서 보듯이 서버 측과 클라이언트가 분리(분리)된 구조입니다.
  • 왜 Jamstack이 이해가 안 돼요?

  • SSR(Server Side Rendering), CSR(Client Side Rendering) 개념을 이해해야 함
  • 위의 그림에서 보듯이 SSR 또는 CSR은 더욱 세분화되어야 하며 다양한 유형을 이해해야 한다
  • 정적 렌더링과 사전 렌더링 등 비슷한 용어에 서로 다른 개념이 있어 혼란스럽기 쉽다
  • SSR, CSR 등을 이해하기 위해 응용 프로그램의 구축 배치 절차를 이해하지 못하면 혼란스럽기 쉽다
  • ISR(Incremental Static Regeneration) 등 새로운 개념도 등장
  • 개념의 설치 예/구체적인 예(예를 들어 Next.js와 같은 프레임워크)는 매일 기능을 진화하고 확장하기 때문에 일률적으로 정의할 수 없다(SSG, SSR 등) 복잡화
  • 참고문


    공개 시기를 주의하다.
    - JAM Stack이 뭐예요?실천을 신속하게 볼 수 있는 아키텍처 구성 (2019/12/10)
    - Jamstack이란 무엇입니까?일단 기본을 이해해야 돼! -microCMS (2020/08/07)
    - Next.js의 SSG(정적 사이트 생성) 및 ISR(자체) 경계 상세 설명 (2020/11/11)
    - Jamstack이 뭐예요?뭐가 좋을까요? (2020/02/08)

    좋은 웹페이지 즐겨찾기