목록Programming/웹 관련 (3)

모종닷컴

스프링의 요청에서 응답까지

요청에서 이에 대한 응답을 내려주기 까지의 과정을 그림으로 그려서 이해해보고자 했다. 내가 알고있었던 보통의 과정들은 다음과 같았다. 이 과정에서 각각 어떤 과정을 거치면서 요청이 가는지 간단하게 사진을 나타내보았다. ①- dns, router, tcp/ip ② - 로드밸런싱(다중 서버일 때 요청이 적절하게 분배될 수 있도록 한다.) ③- 웹 컨테이너를 거치지 않고 정적 컨텐츠를 리턴( js, html, css, font 등등)- 동적컨테이너가 요구될 때 was(웹 컨테이너)에 전달 ④ - jsp,servlet을 실행시킬수 있는 소프트웨어이다.- web.xml(Deployment descripter)로부터 서블릿을 검색- HttpServletRequest, HttpServletResponse객체를 만들어..
Programming/웹 관련 2019. 3. 6. 19:27
웹 렌더링

■용어 Rendering SSR : Server Side Rendering - 서버 측에서 HTML로 렌더링하여 준 자원을 브라우저가 표시CSR : Client Side Rendering - 일반적으로 DOM을 사용하여 브라우저에서 렌더링을 한다.Performance TTFB : Time to First Byte - 링크를 클릭 후에서부터 첫 번째 바이트를 받기까지의 시간FP : First Paint - 픽셀이 처음으로 사용자에게 표시되는 시간FCP : First Contentful Paint - 요청한 컨텐츠가 보이게 되는 시간TTI : Time To Interactive- 페이지가 대화형으로 전환되는 시간 ■ SSR(Server Side Rendering) 서버사이드 렌더링은 서버 측에서 리소스 + ..
Programming/웹 관련 2019. 3. 3. 01:12
브라우저 아키텍처 그리고 html 파싱

서버로부터 HTML를 받아온 브라우저가 이를 어떻게 해석하여 화면에 표시하는지 과정을 알고 싶어서 찾아보았다. 이 글은 https://d2.naver.com/helloworld/59361과 https://dzone.com/articles/behind-browser-basicspart-1를 정리하여 작성한다. ■브라우저의 기능브라우저는 웹 리소스(HTML, CSS, XML, JS, JSON, PDF 등등)을 화면에 그리는 기능을 한다. 일반적으로 리소스의 위치를 사용자가 URI를 통해 사용함으로 브라우저는 서버에게 요청을 하고 서버는 이에 대한 응답을 정보들을 준다. ■브라우저의 구성 요소 1. 사용자 인터페이스 - 일반적으로 우리가 바라보는 브라우저의 모습이다. (뒤로가기 버튼, 새로 고침 버튼, 주소 ..
Programming/웹 관련 2019. 3. 2. 14:15
이전 Prev 1 Next 다음