모종닷컴

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

■용어 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) 서버사이드 렌더링은 서버 측에서 리소스 + ..

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

■커스터마이징 버튼 만들기 프로젝트 내에서 fullcalendar를 사용하게 되었다. 뷰 모드는 agenda로 다음 날짜 혹은 이전 날짜 버튼을 클릭했을 때 특별한 작업을 하고 싶었다. 일단 기존의 prev, next 버튼에 이벤트를 추가하고 싶었으나 정보를 제대로 찾지 못해서 커스터마이징된 버튼으로 대체 하기로 하였다. ■Calendar에 동적으로 데이터 추가하기 작성한 updateTime는 calendar에 events(데이터)를 추가하는 것이다. calendar에 데이터를 추가하는 방법은 다음과 같이 호출하면 된다. * 배열의 경우$('#calendar').fullCalendar('renderEvents',데이터배열,영구데이터) * 배열이 아닌 객체의 경우$('#calendar').fullCalen..