Servlet 서블릿 의미 : Java를 사용하여 웹페이지를 동적으로 생성하는 서버 측 프로그램 혹은 그 사양. Java 코드 안에 HTML을 포함한 형태. 특징 플랫폼 독립성을 유지함. Client의 요청에 동적으로 응답을 생성함. HTTP 프로토콜과의 통합. 모듈화되어 상속과 확장이 쉽기 때문에 재사용성이 높음. 관련어 WAS(Web Application Server) HTTP(Hypertext Transfer Protocal) JVM(Java Virtual Machine) 참고 - 그림 출처 1. https://www.geeksforgeeks.org/servlet-architecture/
First Contentful Paint 최초 콘텐츠풀 페인트 의미 : 최초로 유의미한 콘텐츠가 화면에 표시되기 시작하는 시간을 측정하는 성능적 지표 특징 SSR(Server-Side Rendering)에서 주로 나타남. 빠른 FCP는 SEO(Search Engine Optimization)에 적합. 사용자 만족도와 밀접한 관련. 관련어 SSR(Server-Side Rendering) ; 서버 사이드 렌더링 SEO(Search Engine Optimization) ; 검색 엔진 최적화 LCP(Largest Contentful Paint) ; 최대 콘텐츠풀 페인트 참고 - 김용찬(2024). 모던 리액트 Deep Dive. 위키북스 - 그림 출처 1. https://gtmetrix.com/blog/firs..
Server-Side Rendering 서버 사이드 렌더링 의미 : 사용자에게 클라이언트 측에서 보여 줄 HTML 페이지를 서버 측에서 미리 렌더링하여 보여주는 형식. 특징 장점 - 별도의 API 통신 없이 서버에서 정보를 가져와 FCP(First Contentful Paint)가 더 빠름. - 검색 엔진 최적화(SEO ; Search Engine Optimization)에 적합. → 최초 진입 시 검색 엔진 머신은 HTML을 다운로드하여 정보를 가져가는데, 이때 JS코드는 실행하지 않기 때문. - 누적 레이아웃 이동(Cumulative Layout Swift)을 일정 수준 방지할 수 있음. - CSR(Client-Side Rendering)에 비해 보안성이 뛰어남. 단점 - 서버 의존성이 심해질 수 있..
Double Buffering 이중 버퍼링 의미 Computer Graphics 프론트 버퍼(Front Buffer)에서 현재 화면을 표시하는 동안 백 버퍼(Back Buffer)에서 다음에 표시 될 화면을 미리 준비해 두어 화면 표현을 부드럽게 해주고, 깜빡임(Flickering) 등의 문제를 방지해주는 기술. React 현재 작업 중인 Fiber Tree와 앞으로 보여 줄 변경 내용을 담은 Fiber Tree를 페이지가 완성되었을 때 Swap하는 기법으로, 미완성 페이지를 보이지 않게 하기 위해 미리 만들어서 완성된 페이지로 교체한다. 특징 장점 - 화면 표현이 부드러워지며, 깜빡임이 줄어듦. - 화면을 미리 그려둬 다음 화면을 보다 빠르게 표현할 수 있게 해줌. 단점 - 구조가 복잡해짐. - 화면을..