WEB18 [WEB] SPA (Single-Page Application) SPA (Single-Page Application) - 단일 페이지로 구성된 웹 어플리케이션을 말한다. 화면 구성에 필요한 모든 HTML을 클라이언트가 갖고 있고 서버사이드에는 필요한 데이터를 요청하고 JSON으로 받기 때문에 기존의 어플리케이션에 비해 화면을 구성하는 속도가 빠르다. (CSR(Client-side rendering) 방식) 기존 어플리케이션은 화면이동 시에 화면 이동에 필요한 HTML을 서버사이드에서 받아서 처음부터 다시 로딩하기 때문에 시간이 걸린다. [ 장점 ] 1. 하나하나 화면 전체를 렌더링 할 필요가 없기 때문에 화면 이동이 빠르다. 2. 화면에 필요한 부분의 데이터만 받아서 렌더링 하기 때문에 처리과정이 효율적이다. [ 단점 ] 1. 유저가 실제로 방문하지 않을수도 있는 페.. 2020. 7. 7. [WEB] Server-Side rendering SSR (Server-Side rendering) - User가 페이지에 처음 접근하였을때, 페이지를 서버측에서 먼저 간단하게 띄워주고, 완전하게 렌더링된 페이지를 클라이언트에게 다시 보내주는 기법이다. - 사용자의 요청시(인터렉션이 있을 때)마다 새로고침이 일어나며, 서버에 새로운 페이지에 대한 요청을 한다. 장점 : SEO (검색엔진 최적화) - 리액트, 혹은 view 렌더링이 자바스크립트 위주로 돌아가는 프로젝트는, 자바스크립트 엔진이 돌아가지 않으면 원하는 정보를 표시해주지 않는다. 이렇게 클라이언트 렌더링만 될 경우엔 검색엔진 크롤러가 어플리케이션이 지닌 데이터들을 제대로 수집하지 못해 빈 페이지로 인식한다. 검색엔진에 제대로 노출이 되지 않으니 웹페이지에의 유입이 줄어드는 결과가 발생한다. -.. 2020. 7. 7. [WEB] HTTP통신 / Socket통신 HTTP 통신 - Hyper Text Transfer Protocol의 약어. *Hyper Text 전송 통신규약. - server 부하를 줄여 다른 접속을 원활하게 하기 위해 Client의 요청(Request)이 있을 때만 Server가 응답(Response)하여 해당 정보를 전송하고 곧바로 연결을 종료한다. ( DDOS 공격: 이러한 HTTP 통신의 특성을 이용하여 여러 대의 PC가 계속적으로 접속을 시도해 서버가 다른 일을 하지 못하도록 하는 것) - 단방향 통신 - 필요한 경우에만 서버로 요청을 보내는 콘텐츠 위주의 데이터를 사용할 때 용이하다. ( ex) 네이버와 같은 웹페이지 접속, 어플리케이션(Android or Ios)의 개발) * Hyper Text : 단순하게 text 의미를 넘어서(H.. 2020. 7. 4. 이전 1 2 3 4 다음
