# SSR
Next.js-1 (install)
Javascript를 공부하고, React를 공부하고 포트폴리오를 만들고 있던 중, 작게나마 협업을 해본 경험이 있다면 스스로의 기술을 더 키울 수 있을 것 같았다.그래서 집사답게...!!고양이를 좋아하는 사람들이 모여서 팀 캔따개 라는 이름으로 프론트엔드 3명, 백엔
[FE] SSR(Server-Side-Rendering) 그리고 SSG(Static-Site-Generation) (feat. NEXT를 중심으로)
앞전 포스트에서 CSR(Client-Side-Rendering)과 SSR(Server-Side-Rendering)에 대한 개념을 살펴보았다. 자세한 내용은 여기를 참고하자.이번 포스팅에서는 SPA 형태의 웹 서비스에서 SSR 방식을 적용하기 위해 Next.js를 간단히
[FE] CSR(Client-Side-Rendering) vs SSR(Server-Side-Rendering) (feat. React를 중점으로)
오타 및 오류 지적 등은 언제든지 댓글로 부탁드립니다.클라이언트 - 서버간 통신에서 html을 반환하는 웹 서버의 대략적인 흐름을 보자면 크게 다음과 같이 정리할 수 있을 것 같다.정적 페이지만 반환 --> DB연동 및 API 요청 필요성 대두 --> 동적 페이지 반환
.gif?w=768)
면접 질문 준비하기 (CSR, SSR, SPA, MPA) - 1
렌더링이란? 서버로부터 HTML 파일을 받아 브라우저에 뿌려주는 역할클라이언트가 최초에 서버에 요청을 하면 전체 페이지를 로딩하여 보여주고, 그 이후에 필요에 따라서 데이터를 서버에 요청하는 렌더링 방식이다.장점빠른 페이지 이동이 가능하다.서버에 요청하는게 적기 때문에
SSR/CSR
SPA : 단 하나의 HTML 문서로만으로 사용자의 요청에 따라 내용이 동적으로 바뀌는 웹사이트이다. 최초 페이지에 렌더한 후에 데이터만 변경하여 사용할 수 있는 웹 애플리케이션이다.이전에는 대부분의 웹사이트들이 정적인 사이트였지만 요새는 데이터의 양이 많아지고 실시간
[TIL] SSR & CSR
서버 측 렌더링페이지가 클라이언트 측에 도달하면 완전히 렌더링서버 측이 페이지를 완전히 렌더링 한 후 서버에서 클라이언트로 보냄페이지 콘텐츠에 데이터베이스의 데이터가 필요한 경우 서버는 이를 수행 한 다음 데이터를 완전히 렌더링 된 페이지로 렌더링 한 다음 클라이언트로
🤔 SSR & CSR? & SSG?
📝 궁금한 모든 것을 기록합니다.😎 기록에서 멈추지 않고 나의 것으로 만듭니다.🙈 잘못된 정보가 있다면 언제든지 댓글에 남겨주세요 :D웹사이트에 접속하면(요청이 들어오면) 서버에서 렌더링에 필요한 모든 데이터를 가져와 html 파일로 만들어서 사용자에게 보내준다.
Next.js?
SSR은 어디서 나온거지? 🤔 SPA(Single Page Application)가 등장하며 페이지를 직접 이동하는 것이 아닌 라우팅을 적용하며 url에 맞는 페이지를 부분적으로 보여지도록 구성을 할 수 있게 되었다. 이렇게 SPA로 구성을 하게 되면 페이지 이동
[항해99] 웹개발 미니 프로젝트
🚩 프로젝트 소개 (Team2 : 정석진, 고정원) 환경오염을 해결하기 위해 작은 것부터 하나씩 함께 실천해 나가보아요! #제로웨이스트챌리지 에 참여하는 인스타그램 게시물 중 마음에 드는 게시물을 북마크하여 저장하고, 나는 어떻게 하면 좋을지 더 좋은 아이디어를 생
jinja2로 렌더링 하는 방법
서버 사이드 렌더링 서버에서 브라우저로 페이지를 넘겨줄때 각 항목별로 페이지를 다 만드는게 아니라 서버에서 render_template을 이용해 한개의 페이지에 각각의 다른 정보를 입력해줄때 편리하다 작성한 html을 해당 주소로 렌더링 해주는 방법 이런식으로 파이
SSR vs CSR
Browser에서 실제로 우리가 보는 화면을 어디서 최종적으로 만들어서 보여주는가 , 어떻게 개발하는가에 따라서 CSR, SSR로 나뉜다. 처음 웹서버를 요청할 때 데이터가 없는 문서를 반환한다.HTML 및 static 파일들이 로드 되어서 데이터가 있다면, 데이터 또
🖥 서버 사이드 렌더링 제일 좋을까??
1990년대 중반까지 Static Site 서버에 만들어진 HTML 문서가 존재 사용자가 브라우저에 주소를 입력하면 서버는 이미 배포되어진 HTML을 보여주는 형식 단점!: 페이지 내에 다른 링크 클릭 시 서버에서 다시 HTML 파일을 받아서 페이지 전체를 업데이트해야
[TIL] SSR, CSR
SSR : Server-side Rendering SSR은 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식이다. SSR을 사용하면 모든 데이터가 매핑된 서비스 페이지를 클라이언트(브라우저)에게 바로 보여줄 수 있다. 서버를 이용해서 페이지를 구성하기 때문에 클라이언트에서 구성하는 CSR(client-side render...
Next.js + Typescript + Styled-components 세팅에 관한 모든 것
next.js + typescript + styled-components 로 프로젝트 구축하기
