TIL - 20250621

juni·2025년 6월 21일

TIL

목록 보기
44/315

📘 자바스크립트 복습 정리 (0621)

✅ 일급 객체 함수와 클로저

  • 함수는 변수에 저장되고 인자로 전달 가능 (일급 객체)
  • 클로저는 외부 함수의 변수를 기억하는 함수
function outer() {
  let count = 0;
  return () => ++count;
}

✅ 디바운스 & 스로틀

  • 디바운스: 입력 종료 후 일정 시간 뒤 실행
  • 스로틀: 일정 주기마다 실행 제한
function debounce(fn, delay) { ... }
function throttle(fn, delay) { ... }

✅ 무한 스크롤 & 스크롤 애니메이션

  • IntersectionObserver를 사용해 마지막 요소 감지
  • 요소가 보이면 콘텐츠 추가 or 애니메이션 클래스 부여
const observer = new IntersectionObserver(...);

✅ 폼 유효성 검사 & 업다운 게임

  • 정규식으로 이메일, 비밀번호 검사
  • 디바운스로 입력 지연 처리
  • 랜덤 숫자를 맞추는 게임 구현

0개의 댓글