frontend 2

자바스크립트(JavaScript) 디바운스와 쓰로틀링 이란?

디바운스(Debounce)와 쓰로틀링(Throttling)은 JavaScript에서 이벤트 발생 빈도를 제어하기 위한 기술입니다. 많은 이벤트가 동시에 발생하는 것을 방지하여 성능을 최적화할 수 있습니다.디바운스(Debounce)디바운스는 이벤트가 연속적으로 발생할 때, 특정 시간 동안 추가적인 이벤트가 발생하지 않으면 한 번만 실행되도록 합니다.주요 특징:이벤트 호출을 지연시키며, 마지막 이벤트 발생 후 지정된 시간이 지나야 실행됩니다.사용 사례: 검색 입력창, 창 크기 조정 이벤트 등.예시: 검색 입력창function debounce(func, delay) { let timer; return function (...args) { clearTimeout(timer); timer = set..

Front-End 2024.12.03

SSR vs CSR: 웹 렌더링 방식의 차이

웹 개발에서 **SSR (Server-Side Rendering)**과 **CSR (Client-Side Rendering)**은 가장 널리 사용되는 렌더링 방식입니다. 각 방식은 성능, 사용자 경험, SEO 등 다양한 측면에서 차이가 있으며, 프로젝트의 요구사항에 따라 적합한 방식을 선택해야 합니다. 🌐SSR (Server-Side Rendering)란?SSR은 사용자가 브라우저에서 페이지를 요청하면, 서버가 HTML 파일을 생성하여 클라이언트에 전달하는 방식입니다. 이 HTML은 모든 데이터가 포함된 상태로 브라우저에 전달되며, 브라우저는 이를 렌더링하여 화면에 표시합니다.특징빠른 초기 로딩 속도: 브라우저는 완성된 HTML을 바로 렌더링하기 때문에 초기 화면 로딩 속도가 빠릅니다.SEO에 유리: ..

Front-End 2024.11.29