# SSR

61개의 포스트
post-thumbnail

SPA

SPA의 정의 우선 위키백과에 나온 정의를 보면 이렇습니다. > 싱글 페이지 애플리케이션(SPA, Single Page Application)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이

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

Next js 소개

: React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크: SSR은 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식,SSR을 사용하면 모든 데이터가 매핑된 서비스 페이지를 클

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

왜 Next.js 인가

Next.js를 쓰는이유 회사에서의 첫 프로젝트에서 Next.js(이하 next)를 사용하게 되었다. next를 선택한 데에는 여러가지 이유가 있다. 제공해주는 기능도 많고 편리하고.... 하지만 결정적 이유는 역시 SEO! 먼저 react를 SSR없이 구현했을 경우

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

Next js - Deploy to aws S3

development 와 production 환경을 비교하려고 하는데, aws s3를 이용하려고 하였음.next js를 어떻게 S3에 배포할까?연습 사이트: http://next93.s3-website.ap-northeast-2.amazonaws.com/참고

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

Next Js - Data Fetching

데이터를 어떻게 가져오는지 Next.js has two forms of pre-rendering: Static Generation and Server-side Rendering. In this page, we’ll talk in depth about data fetc

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

Next js - Environment variable

개발환경과 운영환경에서 고려, 폴더 root에 각각의 파일을 만든다 browser node js

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

TIL 94 | Next.js 동적라우팅과 API 라우팅 방법

Next.js에서는 어떻게 라우팅을 구현할까? 공식문서 튜토리얼을 따라가보자

2020년 12월 30일
·
0개의 댓글
post-thumbnail

Next Js - Dynamic Rendering

각 페이지 별로 Head 안에있는 title, meta 속성(description, keyword)등 을 동적으로 표현하고 싶을때 next / Head를 불러와서 사용

2020년 12월 29일
·
0개의 댓글
post-thumbnail

Next js - Dynamic Loute

-next/link -next/Router key passed 관련경고 => Next.js 9.5.3전에 as를 사용했었음. => 아래 예시의 해결법 location.href로 화면을 전환할 수 있지만, 만약 그렇게 하면 페이지가 새로고침 되어버린다. => 이로 인

2020년 12월 29일
·
0개의 댓글
post-thumbnail

Next js -SSR 과 CSR 비교

정리 Next js는 여러가지 유용한 기능을 기본 으로 제공 Server Rendering Static Exporting Zero Configuration CSS in JS 등 SSR (Server Side Rendering)을 기본으로 사용 파일 시스템 기반의 라

2020년 12월 29일
·
0개의 댓글
post-thumbnail

TIL 93 | Next.js의 Pre-rendering과 Data Fetch 방법

Next.js에 존재하는 두가지 종류의 Pre-rendering 방법과, 데이터는 어떻게 불러오는지에 대해 알아보자.

2020년 12월 21일
·
2개의 댓글
post-thumbnail

TIL 92 | Next.js 차근차근 시작해보기

Next.js 공식 튜토리얼 따라하면 두시간 안에 기본기 끝내기 쌉possible

2020년 12월 21일
·
2개의 댓글
post-thumbnail

CSR (Client Side Rendering), SSR (Server Side Rendering), SPA (Single Page Application), MPA (Multi Page Application)

Browser 에서 실제로 우리가 보는 화면이 있다.그런 화면을 어디서 최종적으로 만들어서 보여주느냐, 어떻게 개발하느냐에 따라서 CSR, SSR이라고 부른다.처음에 웹서버에 요청할 때 데이터가 없는 문서를 반환한다.HTML 및 static파일들이 로드 되면서 데이터가

2020년 12월 20일
·
0개의 댓글
post-thumbnail

[Next] useEffect로 받은 데이터는 SSR될까? ( getInitialProps 사용 )

React useEffect를 사용했을 경우에 SSR이 될까? ☀️ 답 : useEffect안에서 동작하는 데이터는 SSR되지 않는다. useEffect(() => {}, []) 는 마운트 되었을 때, useEffect는 실행된다. 그렇기 때문에 SSR로 받은 htm

2020년 12월 17일
·
0개의 댓글
post-thumbnail

next js 와 서버사이드 렌더링

사실 cra 로도 리액트 개발이 가능한데 ,왜 굳이 next js 를 쓰는걸까 ?? 라는 궁금증이 많이 든다 .next.js는 리액트를 서버사이드 렌더링 방식(SSR)으로 쉽게 구현할 수 있도록 환경을 제공해주는 프레임워크입니다.

2020년 12월 16일
·
0개의 댓글
post-thumbnail

[Next] Next js를 사용하여 SSR, CSR 구현

Next.js를 사용하면 React에서도 CSR, SSR을 혼합하여 빠른 성능을 구현할 수 있다.

2020년 12월 5일
·
0개의 댓글
post-thumbnail

document가 없어요?

document is not defined.

2020년 12월 1일
·
0개의 댓글
post-thumbnail

SSR

지금까지 CRA를 이용하여 클라이언트 사이드의 웹페이지만을 제작해보았다. 물론 SPA는 좋은 도구 이지만, 일음 함에 있어서 목적에 따라 적합한 도구를 사용해야 하지 않겠는가? 숟가락으로 병뚜껑을 딸수 있다고 병따개 냅두고 숟가락만 쓸수는 없는 일 아니겠는가!그러니 일

2020년 11월 25일
·
0개의 댓글
post-thumbnail

SPA, SSR, CSR

How to web works? SPA, SSR, CSR

2020년 11월 24일
·
0개의 댓글