# spa

30개의 포스트

SPA

what is SPA?

3일 전
·
0개의 댓글
post-thumbnail

201006 TIL React Router

React-Router, 3rd party library 페이스북 공식 라우팅 라이브러리는 존재하지 않는다. React-router라는 3rd party 라이브러리가 최근 가장 많이 사용되고 있다. 북마크 용 URL이나 리액트 네이티브에서 네비게이팅을 구성하고 싶을 때

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

CSR과 SSR이란

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

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

React스터디_라우터로 SPA 개발하기

SPA는 Single Page Application(싱글 페이지 애플리케이션)의 약어입니다.말 그대로 한 개의 페이지로 이루어진 애플리케이션이라는 의미입니다.

2020년 9월 9일
·
0개의 댓글

SPA에 대해

공통점처음 페이지 로드시, 클라이언트 -> 서버로 요청해서 HTML파일 받아와야차이점MPA페이지 이동시마다(전환요청시마다) 클라이언트->서버의 요청을 통해 받아온 HTML을 reloadSPA페이지 이동시에 서버로의 요청을 필요X페이지 전환은 자체적으로 Routing처리

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

SSR, CSR

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

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

MPA에서 SPA로

서론(본론(MVC 패턴과 MPA, SPA(웹 프론트엔드 프레임워크 고르기(웹팩의 도입(프로젝트 구성 중 모든 요청을 WAS에서 해결했던 레거시 시스템(API 호출방식의 변화(FE 상태관리 전략(배포 환경에 따른 설정값 처리(결과?(결론(참고자료(2019 NHN Forw

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

리액트 따라하려다 바짓가랑이 찢어진 이야기 - 2주차 회고

리액트 따라하려다 바짓가랑이 찢어진 이야기 본 글은 '리액트'를 따라만든 wooact를 만들려다 실패한 이야기와 더불어 함께 고생한 동욱님께 미안함을 전달하는 내용을 담고 있습니다. wooact를 이용해서 프로젝트를 마무리 했으니 사용할 수 없다고는 할 수 없으나,

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

'리액트를 다루는 기술' 13장, 리액트 라우터로 SPA 개발하기

# 😁 SPA란? # 😭 SPA의 단점 ## Link # 😍 URL 파라미터와 쿼리 ## URL Query ## qs # 🙄 서브 라우트 # 😐 리액트 라우터 부가 기능 ## history ## withRouter ## Switch ## NavLink

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

SPA

SPA 는 Single Page Application 의 약어이다.말 그대로 한 개의 페이지로 이루어진 애플리케이션이다.기존에는 사용자가 다른 페이지로 이동할 때마다 새로운 html을 받아 오고, 페이지를 로딩할 때마다 서버에서 리소스를 전달받아 해석한 뒤 화면에 보여

2020년 8월 11일
·
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

Github Page로 React SPA 배포하기 (ft. React Router)

Github Page로 React SPA를 배포해봅니다. 그거 쉽지 않냐고요? 과연, 그럴까요...

2020년 6월 29일
·
3개의 댓글
post-thumbnail

SPA 란?

SPA?

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

리액트(React.js)란?

리액트는 정말 인기있는 프론트엔드 라이브러리다. 리액트를 사용해본 개발자는 너무나 당연하게 매력적이라고 표현할 것이다.우선 리액트를 배워보기 전에 필수적으로 알아야 할 지식인 SPA(Single Page Applications)에 대해 간단하게 정리 해보자.SPA는 말

2020년 6월 4일
·
0개의 댓글

csr ssr

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

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

react 쓰는 이유와 차이점들

하나의 페이지에서 동적으로 변하면서 많은 기능들은 가능케 한다.홈페이지 따로, 로그인 페이지 따로 이런식이 아니라 하나의 페이지에서 변하며 기능들을 구현하게 하는것어떤 UI 한단위들을 COMPONENT화 하여 필요한 곳들마다 사용할 수 있게 해준다.이는 복잡해져가는 웹

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

[Session] How the Web Works? ( MPA, CSR, SPA, SSR)(

SPA 페이지가 하나. 페이지는 여러개 이지만 html은 하나로 작동 하는 것 SEO 검색엔진최적화 사이트를 만들기만 해서 검색 엔진에 노출이 되는 것이 아니다. 구글의 크롤봇이 사이트를 돌며 html의 내용을 가지고 있다.

2020년 5월 4일
·
1개의 댓글

2020-05-04 TIL How the Web Works

단일 페이지로 구성된 웹 어플리케이션을 말한다. SPA는 화면 이동 시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고 필요한 데이터만 서버로 부터 JSON으로 전달 받아 동적으로 렌더링 한다.SPA와 기존어플리케이션의 차이점은 기존 어플리케이션은 화면 이동

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

[react] React와 SPA

가상 DOM을 활용하여 부분적인 렌더링을 하는 자바스크립트 라이브러리Backend에서는 API만 주로 제공하고,클라이언트에서 Ajax와 template작업을 통해 동작하는 Rich한 웹애플리케이션.(1) 화면 view단을 구현하기 위한 최소단위로 재사용가능한 compo

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