# SSR

47개의 포스트
post-thumbnail

CSR과 SSR이란

SPA가 사용하는 Rendering방식은 CSR이고, MPA가 사용하는 Rendering방식은 SSR인 것인가? 그렇지 않다.SPA는 서버로부터 처음에만 페이지를 받아오고 이후에는 동적으로 DOM을 구성하여 Rendering 되는 화면이 바뀌게 한다.바로 여기서 “동적

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

React란?

FaceBook 개발, Componet에 집중한 JavaScript 프론트엔드 '라이브러리'단순히 보여지는 'View' 만 초점을 둔 라이브러리      \--> View를 제외한 기능(라우터 등)은                      Third-party L

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

SSR, CSR

이번 포스팅에서는 서버 사이드 렌더링, 클라이언트 사이드 렌더링에 대해서 정리를 해보려고 한다.SSR은 서버에서 유저에게 보여줄 페이지를 모두 구성하여 유저에게 페이지를 보여주는 방식이다.클라이언트에게 요청을 받으면 각 요청에 맞는 html 파일을 내려줘서 상황에 맞는

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

프론트엔드 개발자라면 알아야 할 이론

WWW 란 ? HTTP HTTP Status Code, REST API HTML, CSS DOM 브라우저 동작 방법 SSR, CSR javascript event loop babel, webpack 의 탄생 및 개요

2020년 8월 31일
·
0개의 댓글
post-thumbnail

[Electron] Electron 운영체제에 따른 디버깅과 app.getPath()

Electron 프로젝트를 진행하면서 가장 헤맸던 부분은 디버깅이었다. s3에서 다운 받은 파일을 로컬에 저장하는 과정에서 개발/운영 모드, 운영체제에 따라 코드를 다르게 작성해야하는데 Electron에 대해 자세히 몰랐던터라 미흡한 점이 많았다 :( 디버깅(De

2020년 8월 31일
·
0개의 댓글
post-thumbnail

CSR SSR에 대하여

SSR은 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식이다.SSR을 사용하면 모든 데이터가 매핑된 서비스 페이지를 클라이언트(브라우저)에게 바로 보여줄 수 있다. 서버를 이용해서 페이지를 구성하기 때문에 클라이언트에서 구성하는 CS

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

[Electron] Electron의 IPC 통신 - ipcMain과 ipcRenderer

안녕하세요 :) 오늘은 Main과 Renderer 프로세스의 통신, <span style="background-color: Electron에는 ipcMain, ipcRenderer라는 두 가지 IPC 모듈이 있습니다.ipcMain와 ipcRenderer은 각 Ma

2020년 8월 30일
·
2개의 댓글

[번역] Rendering on the Web (진행중..)

이 글은 Rendering on the Web 을 번역한 것입니다.

2020년 8월 26일
·
0개의 댓글
post-thumbnail

Prograssive Server Side Rendering

이 글은 UX와 최적화에 관심이 많지만, 개발한지 1년밖에 안됀 예비 개발자가 쓴 글이므로,오류 및 오타가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.Client Side Rendering(클라이언트 사이드 렌더링)html을 클라이언트에서 주고, javascr

2020년 8월 24일
·
0개의 댓글
post-thumbnail

[Electron] Electron의 main과 renderer 프로세스

이전 게시글에서 Electron과 Nextron에 대해 간단히 알아봤습니다! Electron은 JavaScript, html, css를 사용하여 <span style="background-color: Electron에서 메인 프로세스는 main 스크립트를 실행하는

2020년 8월 23일
·
0개의 댓글
post-thumbnail

Next.js에 대해

해당 게시글은 Next.js에 대한 설명과 특징에 대해 다룹니다. Next.js? next.js는 react,

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

🌐 How the Web Works? (SPA, MPA, CSR, SSR)

웹 애플리케이션 개발에서 빼놓을 수 없는 SPA와 MPA에 대해서 정리해보기! 어렵다 어려워....😭

2020년 7월 28일
·
4개의 댓글

SPA, MPA, CSR, SSR 이란?

SPA, MPA, CSR, SSR 알아보기🤷‍♀️ Static website HTML안에 모든 데이터가 들어 있는 사이트 이전에는 정적인 웹사이트 였다면 현재 개발되는 웬만한 웹은 동적인 웹사이트 이다. Dynamic Website 쇼핑몰 등 여러 웹사이트는 동적인 웹사이트로서, url에 특정 상품 endpoint를 받아서 새로 데이터를 요청해서 r...

2020년 7월 28일
·
0개의 댓글
post-thumbnail

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

렌더링 이란 요청받은 내용을 브라우저에 화면에 표시하는 것이다.Loader 가 서버로 부터 정보들을 불러옴파싱을 통해 문서를 DOM 트리로 만든다.DOM 트리가 구축되는 동안 브라우저는 렌더 트리를 구축CSS 설정/레이아웃 위치 지정렌더링 트리가 그려짐서버사이드 렌더링

2020년 7월 28일
·
0개의 댓글
post-thumbnail

주니어도 할 수 있는 Next.js SEO - robots.txt와 sitemap.xml 자동 생성하기

본 포스트는 개발과 배포에 대한 지식은 가지고 있지만 아직 조금 낯설고 어려운 주니어 개발자들을 대상으로 작성되었습니다. Circle CI, GitHub Actions같은 CI(Continuous Integration) 툴과 자동화 배포에 대한 간단한 이해가 필요합니다

2020년 7월 19일
·
5개의 댓글

[Next.js] CSS모듈과 복수의 class 사용하기

이 글에서는 next.js 프레임워크를 사용한 리액트 프로젝트에 CSS 모듈을 적용하는 방법과 classnames 라이브러리를 이용해 여러 개의 className을 적용하는 방법을 정리했다.

2020년 7월 9일
·
0개의 댓글
post-thumbnail

Sapper - Svelte의 SSR 버전인가?

바로 전 Svelte를 설치하고 ie지원이 안되서 중도포기했었다.새로운 자바스크립트 프레임워크를 찾던 중 시간이 얼마 지나지않아React.js에서 Webpack의 조잡한 설정으로 구현했던 SSR(Server Side Rendering)이기본지원되는 Svelte에서 만든

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

SPA 그리고 SSR과 CSR

렌더링에 관해선 이전 글에서 작성했지만 다시 한번 간단하게 말하고 가자면, 렌더링이란 사용자가 웹 페이지에 접속했을 때 서버로부터 HTML 파일을 받아 화면에 그려주는 것이다. SSR(Server Side Rendering) 과거 그리고 현재도 그렇지만, 많은 웹사이

2020년 5월 27일
·
0개의 댓글

csr ssr

spa single page application 페이지 하나에서 해결한다 목록 마이페이지 메뉴페이지 카테고리 페이지 처럼 많은데 html 은 하나다 검색과 seo search engine optimization 검색 최적화 사이트를 만들고 배포하면 바로 배포되지않는

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