# spa

83개의 포스트

Surprising benefits of massage therapy

Massage treatment manages the soft tissues of the human body. As per your medical issues, the therapist will suggest to you the perfect massage that s

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

[React] 리액트 라우터로 SPA 개발하기

본 글은 [리액트를 다루는 기술] 13장을 참고하여 포스팅하였습니다. SPA, Route 컴포넌트, Link 컴포넌트, Link 컴포넌트, URL 파라미터, URL쿼리, 서브 라우트, 라우터 부가기능에 대해 정리하였습니다.

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

React Router

페이지가 한 개인 어플리케이션 나의 프로젝트의 경우 - 확장자가 html 인 두 개의 파일을 가지고 있으므로 두 개의 페이지를 가지고 있다. 페이지의 수 만큼 html 파일이 존재한다.우리가 만들려 하는 리액트 프로젝트에서 html 은 하나, 따라서 SPA 이다.그렇다

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

정접웹에서 SSR의 등장까지

정적웹에서 SSR 방식이 등장하기까지 시간 순으로 정리해보았다.

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

리액트 라우터를 통한 간단한 SPA 프로젝트 제작

서버 사이드 랜더링을 구현할 간단한 SPA 프로젝트 제작

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

[TIL-20210607] SPA(Single Page Application) & Routing

SPA의 등장 배경과 개념 SPA(Single Page Application)는 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다. 위 그림과 같이 기존의 웹사이트는 페이

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

리액트에서 쓰던 것을 직접 만들며 느끼는 것들 - (1)

! CAUTION ! 글이 별로 재미가 없습니다 자바스크립트만으로 SPA 만들기를 공부하면서 개인적인 목표로는 리액트에서 사용하던 방식을 컨셉으로나마 이해하는 것이었다. 라이프 사이클 리액트가 훅스기반의 함수형 컴포넌트로 개발 방향이 전환되면서 이전보다는 덜 신경

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

TIL : CSR과 SSR

SPA의 시대부터 쭈욱 알아보쟈 ㅎㅎ(single-page-application) 단일 페이지 애플리케이션으로, 현재의 페이지를 동적으로 작성함으로써 사용자와 소통하는 웹 애플리케이션이다. 연속되는 페이지 간의 사용자 경험을 향상시키고, 웹 애플리케이션이 데스크톱 애플

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

[TIL] 웹 렌더링

유저인터렙션이 증가JS등장 !! (기능이 가능한 웹페이지) Create React application이라고 한다.아무런 초기 설정 없이 CRA를 통해 React SPA 사이트를 구현할 수 있습니다.CRA탄생 전엔 웹팩과 바벨로 초기세팅을 진행했다고 합니다.브라우저,

2021년 5월 31일
·
0개의 댓글

WEB | CSR, SSR, SEO

🤷‍♀️ Client-Side-Rendering과 Server-Side-Rendering에 대해 간단히 정리

2021년 5월 25일
·
0개의 댓글

[Web Development] CSR/SSR 이란? (feat. SPA,MPA)

브라우저에서 우리가 실제로 보는 화면을 어디서 최종적으로 만들어서 보여주느냐에 따라 CSR과 SSR 로 나뉜다.차이점으로는 크게 초기 렌더링속도, SEO(검색엔진최적화), 보안으로 볼 수 있다.SPA(Single Page Application)은 Client Side

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

React-Router-Dom

react-router-dom 완벽하게 이해하기🤩

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

[🤟]Next 사용을 위한 웹의 동작 이해

SSR의 동작 방식을 살파보면브라우저에서 프론트 서버로 /mypage를 요청을 보낸다.프론트 서버에서 백엔드 서버로 GET /user와 같은 요청을 보낸다.백엔드 서버에서 데이터베이스에 유저 정보를 요청하고 반환된 데이터를 프론트 서버까지 반환해준다.프론트 서버에서 데

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

CSR/SSR, SPA/MPA, SSG, PWA란?

웹 개발자라면 제대로 이해하고 있어야 할 용어인 CSR/SSR, SPA/MPA, SSG, PWA, TTV, TTI에 대해서 정리해본다.

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

new TIL. Routing

SPA Single Page Application 리액트의 도입으로 CSR(Client Side Rendering) CSR 단점 첫 화면을 랜더링하는 시간이 많이 소요됨 html 내 body가 비어져 있기 때문에 seo에 불리 단점을 보강하기 위해 나온 SSR(Se

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

React_Basic

React 기초

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

[TIL] Day20-SPA

SPA 등장 배경과 개념 SPA란 Single Page Application의 약자 브라우저가 페이지를 보여주기 위해 매번 HTML 파일로 된 페이지 전체를 불러와야함 SPa는 업데이트가 필요한 부분만 새로 불러옴(광고나 네이버 뉴스 돌아가는거) 전통적인 웹사이트

2021년 4월 30일
·
0개의 댓글

SPA(Single Page Application)

SPA가 무엇이며, 왜 사용하는지 그리고 react-router-dom을 사용한 간단한 예시가 있는 글입니다.

2021년 4월 22일
·
0개의 댓글

SPA에서 뒤로가기

리액트로 만든 SPA 웹앱!뒤로가기 버튼을 누르면 어떻게 될까?!순수 바닐라로 만든 웹앱의 경우는 이전 내용들이 브라우저 캐시에 남든다.하지만 리액트는...!

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

MPA와 SPA(추가 : CSR, SSR)

웹은 어떻게 동작하는지 알아보자!! (CSR, SSR)

2021년 4월 20일
·
0개의 댓글