# ssg

6개의 포스트

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일
·
0개의 댓글
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개의 댓글