[TIL]2022.10.06

오늘 한 일
오전10시 시험
벨로퍼트 문서 보기 -- 진행중
노마드 리액트 + 드림코딩 + 패스트캠퍼스 강의 듣기 (매일)
옵셔널 체이닝 개념 정리
퇴직금, 강의환불 완료

오늘 느낀 것
:not() not 셀렉터 안 쓰다보니 까먹고 있었음  
css에서 &선택자는 부모를 지칭함

옵셔널 체이닝 = 오브젝트 변수에서 왼쪽이 비어있으면 
오른쪽을 실행 안해줌 
user?.name
중첩된 옵젝 자료에서 자료뽑을때 에러없이 안전하게 뽑을 수 있음
user ?? ' 오잉'
물음표 두개의 왼쪽이 비어있거나 undefined면 오잉을 출력

디바운스와 스로틀

DOM 이벤트를 기반으로 실행하는 JavaScript를 성능을 고려하여 양적인 측면, 즉 이벤트를 제어(제한) 하는 방법이다.

이벤트 핸들러가 많은 연산을 수행하는 경우에 대해 제약을 걸어 제어할 수 있는 수준으로 이벤트를 발생시키는 것을 목표로 하는 기술이다.

디바운스(Debounce) 란?
이벤트를 그룹화하여 특정시간이 지난 후 하나의 이벤트만 발생하도록 하는 기술
순차적 호출을 하나의 그룹으로 그룹화할 수 있다.

스로틀 (Throttle) 란?
이벤트를 일정한 주기마다 발생하도록 하는 기술
예를 들어 Throttle 의 설정시간으로 1ms 를 주게되면 해당 이벤트는 1ms 동안 최대 한번만 발생하게 된다.

setState 비동기 함수
 
setState 함수는 이벤트 핸들러 함수에서 바로 값을 갱신(변경)하는 것이 아니라 이벤트 핸들러 함수가 종료 후 react에 의해 state 값이 갱신됩니다.
 
setState 함수로 state의 값을 변경 후 갱신된 값을 콘솔에 출력하기 위해서는 setState의 Callback 함수를 사용해야 합니다.


내일 할 일
스터디 303p 까지 
노마드 실전형 리액트 hook 완강하기
인공지능, 컴c, 파이썬 남은거 다 듣고 정리 - 저녁or밤