🤓 슬기로운 개발생활 🤓 슬기로운 개발생활

클라이언트사이드 렌더링 클라이언트사이드 렌드링에 가장 대표적인 것으로 Single Page Application(SPA)가 있다. 📌 SPA란? SPA는 전통적인 Multi Page Application(MPA)과 다르다. SPA는 단 하나의 웹페이지(단 하나의 html)에서만 렌더링이 이루어진다. 네트워크 탭을 보면 단 하나의 파일만 내려받는 것을 볼 수 있다. 리액트를 사용하여 프로젝트를 진행했었는데 보이는 것과 같이 하나의 html파일만 받아오지만, 유저가 탭에서 선택하면 렌더링 되는 것이 달라지는 것을 볼 수 있다. 이러한 방식을 클라이언트사이드 렌더링이라고 한다. SPA는 처음 화면을 켰을 때, 비어있는 HTML 파일을 받아온다. 그리고 로드 되면서 데이터를 서버에 요청하고 화면에 렌더링한다. ..

브라우저의 주요 기능 인터넷 익스플로러, 크롬 등 우리가 사용하는 소프트웨어(앱)를 브라우저라고 한다. 브라우저의 가장 핵심 기능은 사용자가 url(자원이 있는 위치, 주소)을 입력했을 때 자원(주로 HTML파일)을 서버에 요청하고 브라우저에 표시하여 사용자에게 보여주는 기능이다. 크로스브라우징(웹 호환성) 브라우저도 인터넷 익스플로러, 파이어폭스, 사파리, 크롬 등 많은 종류가 있다. 과거에는 브라우저들이 저마다 독자적인 방법으로 브라우저를 만들어서 심각한 호환성 문제를 겪었다. (웹 서비스를 만드는데 크롬을 사용하는 유저, 인터넷 익스플로러를 사용하는 유저 등 각각의 브라우저에 맞게 웹 서비스를 만들어야 했다) 이 문제를 해결하기 위해 웹 표준화 기구인 W3C(World Wide Web Consort..

프록시(Proxy Server) 프록시란 빨간 애다. 프록시는 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해 주는 것이다. 서버와 클라이언트 사이에 중계기로서 대리로 통신을 수행하는 것을 가리킨다. 그리고 이 역할을 하는 서버를 프록시 서버라고 한다. 📌 프록시 서버를 사용하는 이유는 무엇일까? 1. 클라이언트 대신 서버에게 요청을 받아 응답을 해준다. 2. 캐시를 사용하여 리소스로의 접근을 빠르게 하기 위해. 웹 프록시는 웹 서버로부터 웹 페이지를 캐시로 저장하는 데 흔히 쓰인다. (네트워크 비용감소, 원서버와는 통신하지 않음) 3. 프록시 서버를 거치는 요청 및 응답을 확인할 수 있기 때문에 (filter) -> 사용률을 기록하고 검사(이를테면 회사는 인터넷 이용을 ..