# server side rendering

31개의 포스트
post-thumbnail

Next.js SSR 타입 지정

Next JS에서 SSR 적용할 때 타입스크립트 컴파일을 통한 가독성 좋은 코드 작성하기!! 타입추론

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

Nuxt(Server Side Rendering) 배포와 통신

Nuxt 서비스 배포 방법 Nuxt.js 서비스를 배포하는 방법은 프로젝트를 생성할 때 선택한 Universal 모드의 배포 방식에 따라 다르다. 아래 2가지 유형에 따른 배포 방법을 살펴보자. SSR(Server Side Rendering) SSR 모드는 위 그

2023년 3월 9일
·
0개의 댓글
·

Server Side Rendering

Server Side Rendering > - 서버측에서 HTML, CSS , JS 와 같은 웹페이지 요소들을 생성하고 웹페이지에 전달하는 방식을 말함 (서버에서 페이지를 그려 클라이언트(브라우저)

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

[Frontend] Lazy Loading, Suspense 그리고 SSR

Suspense, lazy loading을 통한 성능 개선 및 React18에서 SSR에 대한 기능 추가에 관련된 글입니다.

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

[Computer Science] SSR VS CSR

CSR(Client Side Rendering)과 SSR(Server Side Rendering)은 대척 관계에 있는 방식인만큼 장단점이 서로 엇갈려 있기 때문에 서로의 장단을 정확하게 알고, 적재적소에 필요한 방식으로 구현하는 것이 중요하다.

2023년 2월 15일
·
0개의 댓글
·
post-thumbnail

Nuxt (Server side rendering) 사용하기

Nuxt의 폴더 구조 넉스트의 프로젝트 생성 며령어를 실행하고 난 뒤 생성된 넉스트의 기본 폴더 구조를 살펴보겠다. 다음은 넉스트의 기본 폴더 구조이다. Nuxt의 폴더 구조 넉스트의 프로젝트 생성 며령어를 실행하고 난 뒤 생성된 넉스트의 기본 폴더 구조를 살펴보겠

2023년 1월 27일
·
0개의 댓글
·
post-thumbnail

#2. SPA는 CSR이고, MPA는 SSR인가? nope!

말 그대로 "한 개의 페이지로 구성된, 웹 애플리케이션!"(예를 들어, 페이지 이동시 기존페이지의 내부를 수정해서 화면을 보여준다는 의미!)클라이언트가 리소스를 잘 보관하고 있다가, 필요할 때 클라이언트에서(client side) 꺼내주렴!완전, 다른 개념!SPA는 말

2023년 1월 26일
·
1개의 댓글
·
post-thumbnail

Nuxt (Server side rendering)란?

Nuxt란? Nuxt는 Vue.js로 빠르게 웹을 제작할 수 있게 도와주는 프레임워크이다. 웹 어플리케이션을 제작할 때 필요한 뷰엑스, 라우터, axios와 같은 라이브러리들을 미리 구성하여 싱글 페이지 어플리케이션(Single Page Application), 서버

2023년 1월 13일
·
0개의 댓글
·

[Next] getServerSideProps 함수를 이용하여 server side rendering 하기

데이터가 유효할 때 화면이 보여지는 게 좋은지(server side rendering), Loading 화면을 보여준 뒤 데이터를 받는 게 좋은지 선택은 본인의 몫함수 이름 절대 변경 불가!!! return에 있는 object의 props 이름도 절대 변경 불가!!!a

2022년 10월 17일
·
0개의 댓글
·

[Next.js] Pages

https://nextjs.org/docs/basic-features/pages Next.js에서 page란 .js, .jsx, .ts, .tsx 파일에서 export 된 리액트 컴포넌트이다. 각 페이지는 파일 이름으로 라우팅된다. 예) pages/about.js라는

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

서버사이드 랜더링 - Next 를 쓰는 이유

프론트앤드 개발에 있어 next.js 는 서버사이드 랜더링을 위해 쓴다.웹의 주체는 크게 4개로 이루어져 있는데,브라우저, 프론트서버, 백앤드 서버, 데이터 베이스이다.Server Side Rendering 은 간단히 SSR 이라고도 하는데 이것은 전통적인 방식이다.브

2022년 9월 18일
·
0개의 댓글
·

next ssr

next를 쓰는 주된 이유는 서버 사이드 렌더링 때문이다.서버 사이드 렌더링이란 무엇인지 부터 정확히 개념을 짚고 넘어가보자.서버 사이드 렌더링클라이언트에서 요청을 하면 html 리소스를 서버로 넘기고 서버에서 데이터를 받아와 html이 완료되고 이를 다시 클라이언트로

2022년 5월 9일
·
0개의 댓글
·
post-thumbnail

Project Note : Next.js tips 01

2022-02-20 / 이번 프로젝트에서 Next.js 프레임워크를 처음 사용해보며 여러 문제에 마주쳤는데, 기억 나는대로 정리해보려고 한다.

2022년 3월 9일
·
0개의 댓글
·

서버 사이드 렌더링과 클라이언트 렌더링

server-side rendering 서버에서 웹브라우저가 출력할 화면을 HTML로 만들어 보내는 것을 "서버측 렌더링(server-side rendering)"이라 부른다. -클라이언트 사이드 또는 유니버셜 앱 HTML을 서버를 통해 렌더링 장점 검색 엔진 SE

2021년 12월 21일
·
0개의 댓글
·
post-thumbnail

서버 사이드 렌더링(Server Side Rendering, SSL)

서버 사이드 렌더링(Server Side Rendering, SSR) 은 최근 개발자들이 집중하고, 강조하는 기술이다. 도대체 어떤 기술이며 왜 서버 사이드 렌더링인지, 서버 사이드 렌더링에 대한 이론을 공부하며 정리한다.

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

CSR 앱에서 SSR + CSR 환경으로 이주하기

기다리는 걸 싫어할까봐 미리 html을 준비했어 😎

2021년 9월 23일
·
4개의 댓글
·

Client Side Rendering / Server Side Rendering

웹페이지가 사용자에게 보여지는 과정에 대해서 설명하세요.Client Side Rendering 과 Server Side Rendering 의 차이에 대해서 설명하세요.Bundling이 무엇이며 왜 필요한가요?프론트엔드 입장에서 신경써야 할 보안은 어떤 것들이 있나요?C

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