# ssg

9개의 포스트
post-thumbnail

CSR, SSR, SSG 조화를 이루다.

"CSR, SSR, SSG 조화를 이루다."은 Node.js 기반의 SSR 개발을 통해 겪은 경험기로 간단한 용어 설명 및 웹의 진화 과정에 대한 내용을 다룹니다. 위의 세 단어는 웹 서비스를 해보셨다면, 웹 개발자뿐만 아니더라도 한 번쯤은 들어봤을 법한 용어입니다.

3일 전
·
0개의 댓글
post-thumbnail

[SSR/SSG] Gatsby 시작하기

안녕하세요. 김용성입니다.오늘은 정적 사이트 구축을 위해 사용되는 Gatsby JS를 설명하고 이를 이용해서 프로젝트를 시작하는 방법에 대해 포스팅하고자 합니다.

2021년 6월 18일
·
0개의 댓글

SSG HUGO 시작해보기

정적 사이트 생성기중 하나인 HUGO를 시작해봅니다.https://gohugo.io/getting-started/quick-start/2021년 5월M1 맥미니정적 사이트 생성기 (SSG, Static Site Generator)정적 웹페이지를 쉽게 생성해주는

2021년 5월 12일
·
0개의 댓글

SSR vs CSR

오늘 스터디를 같이 하는 프런트엔드 개발자 후배님께서 SSR vs CSR에 대해서 설명해줬다. 설명을 듣고 정리한 내용이다.html + static 파일들을 내려받는다javascript 같은 동적 파일들을 내려받는다.그 다음 서버에 필요한 파일들을 요청한다.SPA(Si

2021년 4월 16일
·
0개의 댓글
post-thumbnail

[FE] SSR(Server-Side-Rendering) 그리고 SSG(Static-Site-Generation) (feat. NEXT를 중심으로)

앞전 포스트에서 CSR(Client-Side-Rendering)과 SSR(Server-Side-Rendering)에 대한 개념을 살펴보았다. 자세한 내용은 여기를 참고하자.이번 포스팅에서는 SPA 형태의 웹 서비스에서 SSR 방식을 적용하기 위해 Next.js를 간단히

2021년 4월 5일
·
1개의 댓글
post-thumbnail

20210322- NextJS SSG 도입

20210322최근 NextJS에 대해 제대로 공부하고 있다.그저 단순히 사용하는것이 아니라 왜 SSR, SSG를 이용하는지, 어떻게 해야 효율적으로 이용할 수 있는지 등등..오늘 처음으로 회사 프로젝트 상세페이지에 SSG를 적용시켜 보았다.build시 /event/

2021년 3월 22일
·
0개의 댓글

🤔 SSR & CSR? & SSG?

📝 궁금한 모든 것을 기록합니다.😎 기록에서 멈추지 않고 나의 것으로 만듭니다.🙈 잘못된 정보가 있다면 언제든지 댓글에 남겨주세요 :D웹사이트에 접속하면(요청이 들어오면) 서버에서 렌더링에 필요한 모든 데이터를 가져와 html 파일로 만들어서 사용자에게 보내준다.

2021년 3월 11일
·
0개의 댓글
post-thumbnail

csr ssr ssg

csr(client side rendering) https://s3-us-west-2.amazonaws.com/secure.notion-static.com/67089510-218f-432e-83e3-61b691977e41/csr.png ssr(server side

2021년 2월 7일
·
0개의 댓글
post-thumbnail

Next.js 페이지 렌더링 이해하기

React는 기본적으로 1개의 HTML 파일을 가지고 화면을 렌더링하는 Single Page Application으로서 HTML 노드를 생성-수정-삭제하는 과정은 모두 클라이언트 측 브라우저에서 발생한다.

2021년 1월 24일
·
0개의 댓글