# single page application

16개의 포스트

JavaScript / SPA / Route

1. SPA 단일 페이지 애플리케이션(Single Page Application, SPA) 기본적으로 단일 페이지로 구성되며, 웹 애플리케이션에 필요한 모든 정적 리소스를 다운로드한다.

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

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

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

2023년 1월 26일
·
1개의 댓글
·

SPA(Single Page Application)란?

HTML 템플릿 파일, div id를 root로 해놓는다.자바스크립트의 시작점. 여기서 위의 root id를 가진 div를 잡아준다.전통적인 웹 사이트를 만들 때 여러개의 페이지를 만들면 a.html, b.html 이런식으로 만들었다.하지만 요즘에는 웹 사이트 전체 페

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

WEB의 역사와 발전

인터넷이란? 인터넷(Internet)이란 여러 통신망을 하나로 연결한다는 Inter + Network 의미한다. 전 세계의 컴퓨터가 서로 연결되어 정보를 교환할 수 있는 하나의 거대한 컴퓨터 통신망이다. 즉, 컴퓨터 네트워크를 의미한다.1960년대, 인터넷의 탄생

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

5/11 TIL

이번 스터디 주제는 react router 이다.프로젝트를 설계하던 중 탭 이동에 따른 다른 화면이 보여줘야 하는 부분이있어서, 리액트 라우터에 대해서 공부를 해봤다. 리액트에서는 페이지 이동 역할을 하는 a태그를 쓰지 않는다.대신 react router를 사용한다.r

2022년 5월 11일
·
0개의 댓글
·

Ajax와 JSON

Ajax는 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말합니다. Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest 객체를 기반으로 동작합니다.

2022년 4월 18일
·
0개의 댓글
·
post-thumbnail

SPA, Single Page Application

SPA, Single Page Application은 하나의 페이지로 구성된 웹 어플리케이션(페이지)를 의미하는 용어입니다.일반적으로 웹 개발을 처음 접하고 이것저것 만들어보는 동안은 여러개의 페이지로 구성된 웹 어플리케이션을 제작했을 것 입니다. 이렇게 페이지를 구성

2022년 2월 17일
·
0개의 댓글
·
post-thumbnail

SPA?

Single Page Application이란?😶

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

SPA

다른 누군가처럼 나도 SPA라고는 패션밖에 몰랐지. COS, ZARA, h&m, ...

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

Routing(spa)

\-라우팅(Routing) : 주소에 따라 다른 View를 보여주는 것.React는 Single Page Application 이라는 데이터 통신 기법을 사용한다. Single Page Application 이란 고전 서버 통신의 경우 html 과 js와 control

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

[TIL] 9월 1일

오늘 배운 내용SPA는 뭐지?history api 사용법

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

TIL23: Asynchronous JavaScript and XHR

Dynamic Web Page과거의 웹 페이지상에서 이루지는 요청과 그에 따른 응답은 페이지를 전환(새로운 페이지 전체를 로딩)하여 처리하였습니다. 하지만 오늘날의 SPA(Single Page Application)에서는 서버의 응답에 따라 페이지의 일부만 업데이트(페

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

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

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

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

vue 채팅 애플리케이션 만들기 2 - vue router 적용하기

vue-router 를 사용해보자 1. 분석 다음 사진과 같이 2개의 화면이 필요하다. 메인화면 (경로: '/', 컴포넌트: Main.vue) 채팅화면 (경로: '/chat', 컴포넌트: Chat.vue) 스크린샷 2020-01-12 오후 10.36.42.png 2. vue-router를 설치한다. package.json을 확인해보면...

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