HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
😃
기동팀
/
⚡
[Day 16] 스크럼
⚡

[Day 16] 스크럼

태그
4주차
스크럼
날짜
Nov 7, 2022

📓 학습 관련 자료 공유

  • 디바운싱
    • 자바스크립트의 디바운싱과 쓰로틀링
      디바운싱(debouncing)과 쓰로틀링(throttling). 언뜻 들어는 봤지만 유야무야 시간을 보내다가, 기술 과제 탈락 후 디바운싱과 같은 최적화 작업을 했으면 좋겠다는 피드백을 받았다. 그렇다면 어떨 때는 디바운싱을 사용해야하고, 쓰로틀링을 사용해야할까? 이번 기회에 제대로 개념을 잡고 가야겠다고 생각했다.
      https://onlydev.tistory.com/151
      자바스크립트의 디바운싱과 쓰로틀링
 
 

👀 지식 공유

오늘 공부한 내용 중 새로 알게된 내용이나 기존과 다르게 알게된 점 등을 공유해요!
대현
     
    동우
       
      주영
         
        명재
        • Error Boundary를 통해 컴포넌트에서 발생하는 Error를 최상위 컴포넌트에서 잡아주는 방법에서 Event Handler, 비동기 로직의 Error를 잡을 수 없는 이유로 Event Handler, 비동기 로직은 Call Stack이 모두 비워지고 브라우저가 이벤트 루프를 확인 후 Event Handler, 비동기 로직을 호출해주기 때문에 상위 스코프가 존재하지 않아서 Error를 잡아 줄 수 없습니다. 그래서 따로 Try Catch 문으로 묶어서 예외 처리를 해야 합니다.
        다연
        • 디바운싱 개념
          • 마지막으로 발생한 이벤트를 기준으로 특정 time이 지난 후 하나의 이벤트만 실행
          • 수업에서는 input에 사용자가 타이핑하는 시간을 기준으로, 즉 이벤트 발생 시간을 기준으로 특정 시간이 지나면 이벤트가 실행되도록 했다.
          • setTimeout과 clearTimeout을 사용