Computer Science/웹(Web)
-
Web API vs Rest APIComputer Science/웹(Web) 2023. 1. 1. 10:52
우리가 어떤 리퀘스트를 보냈을 때, 무슨 리스폰스를 받는지는 모두 그 서비스를 만드는 개발자들이 정하는 부분입니다. 잠깐 실제 개발 현장에서 일어나는 이야기를 해볼게요. 개발자에는 크게 두 가지 종류가 있습니다. 첫 번째는 사용자가 직접 서비스 화면을 보는 웹 페이지나 앱 등을 만드는 프론트엔드(Front-end) 개발자, 두 번째는 웹 브라우저나 앱이 보내는 리퀘스트를 받아서 적절한 처리를 한 후 리스폰스를 주는 서버의 프로그램을 만드는 백엔드(Back-end) 개발자 WEB API - Web API를 설계한다는 것은 서비스에서 사용될 모든 URL들을 나열하고, 각각의 URL에 관한 예상 리퀘스트와 리스폰의 내용을 정리한다는 뜻 - WEB API가 설계되고 나면, 그때 프론트엔드/백엔드 개발자들이 해당..
-
브라우저 렌더링(Rendering) 과정Computer Science/웹(Web) 2022. 11. 22. 19:30
렌더링(Rendering)이란?! - 렌더링이란 HTML, CSS, JS로 작성된 문서를 해석(파싱, parsing)해서 브라우저에 시각적으로 출력하는 것을 말한다 1. SSR - Server Side Rendering 약자 - 서버쪽에서 렌더링 준비를 끝마친 상태로 클라이언트에 전달하는 방식 2. CSR - Client Side Rendering의 약자 - SSR과 달리 렌더링이 클라이언트 쪽에서 일어난다 - 서버는 요청을 받으면 클라이언트에 HTML과 JS를 보내준다. 클라이언트는 그것을 받아 렌더링을 시작 렌더링(Rendering)과정 1. 브라우저는 HTML, CSS, JS, 이미지, 폰트파일 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답을 받는다 2. 브라우저의 렌더링 엔진은 서버로부터 ..