Gatsby가 무엇인지 알기 전에 먼저 JAM Stack이 무엇인지 알아야 한다
JAM Stack이란?
더 빠르고 안전하고 확장하기 쉬운 웹페이지를 만들기 위해 디자인된 아키텍쳐
JavsScript
API
Markup
의 약자로, 어떤 기술을 사용하는지 이름에서 명시되어 있다
기존 웹사이트의 방식은
서버/데이터베이스에서 데이터를 가져와 프론트엔드에 뿌려주는 방식으로 절차가 길어 복잡
반면, JAM Stack을 이용한 방식은 절차가 매우 간단
빠르게 만든 정적 웹사이트를 CDN을 통해 빠르게 구현
JAM Stack의 장점
1. 기존 방식에 비해 더 빠르게 웹 사이트 제공
- pre-render 방식으로 시간 단축
- CDN을 통한 제공
=> 브라우저에서 첫 응답을 받기까지 걸리는 시간인 TTFB(Time to First Byte) 최소화
2. 안전한 웹사이트 제공
- API를 통해 정적 사이트 생성하기 때문에 DB등의 공격 노출 범위가 감소
3. 스케일업 하기 쉬운 웹 사이트 제공
- 미리 빌드된 파일 제공을 담당하는 CDN을 활용
=> 향후 더 많은 지역에서 빠르게 제공 가능
Gatsby vs 다른 JAM Stack 프레임워크
1. 제일 인기 많은 것은 Next.js
- 하지만 Next.js는 SSR을 위한 프레임워크이므로 더 무거움
2. Gatsby는 오직 정적 사이트 생성 목적이며 서버가 필요 없음
- 빠른 개발 가능 및 유지 보수 소요 적어서 기업 소개 페이지나 블로그 개발 등에 유리