Question 1

debounce와 throttle의 차이점은 무엇인가요?

Accepted Answer

둘 다 이벤트 발생 빈도를 제어하는 기법이지만, 동작 방식이 다릅니다.

**Debounce**: 마지막 호출 후 일정 시간이 지나면 실행 (검색 입력에 적합)

**Throttle**: 일정 시간 간격으로 최대 1회 실행 (스크롤 이벤트에 적합)

```javascript
// Debounce 구현
function debounce(fn, delay) {
  let timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => fn(...args), delay);
  };
}

// Throttle 구현
function throttle(fn, limit) {
  let inThrottle = false;
  return (...args) => {
    if (!inThrottle) {
      fn(...args);
      inThrottle = true;
      setTimeout(

Question 2

preload, prefetch, preconnect의 차이점은?

Accepted Answer

브라우저에게 리소스 로딩 우선순위를 알려주는 리소스 힌트입니다. **preload — 현재 페이지에 반드시 필요한 리소스:** ```html ``` - 높은 우선순위로 즉시 로드 - 현재 페이지 렌더링에 필수적인 리소스에 사용 - `as` 속성 필수 (font, image, script, style 등) **prefetch — 다음 페이지에서 필요할 리소스:** ```html ``` - 낮은 우선순위로 유휴 시간에 로드 - 사용자가 이동할 가능성이 높은 페이지의 리소스 - 현재 페이지 성능에 영향 없음 **preconnect — 외부 도메인에 미리 연결:** ```html

성능 최적화

01debounce와 throttle의 차이점은 무엇인가요?쉬움최적화

02preload, prefetch, preconnect의 차이점은?쉬움최적화