- React로 사고하기 공식문서 읽기
- Search_Club 페이지 state 설계
- 이벤트 버블링, 이벤트 캡처, 이벤트 위임 공부
- DropDown 구현 중
event.target vs event.currentTaget
event.target = 이벤트 발생 위치 ( 지금 내가 클릭한 곳! )
event.currentTarget = 이벤트 생성 위치 ( 이벤트 핸들러를 바인딩한 곳 )
순수함수, 함수형 프로그래밍
외부 상태를 변경하지 않고 외부 상태에 의존하지도 않는 함수를 순수 함수라 한다. 순수 함수를 통해 부수효과를 최대한 억제하여 오류를 피하고 프로그램의 안정성을 높이려는 프로그래밍 패러다임을 함수형 프로그래밍이라 한다.
함수의 인수로 값을 전달할 때 객체를 전달해서 전달받은 객체의 프로퍼티를 변경하면 원본 객체 또한 같이 변경된다. 이러한 것들은 사이드 이펙트를 일으키기 때문에 객체를 전달할 때는 깊은 복사를 해서 전달하는 것이 효율적이다.
// 순수함수
var count = 0;
function increase(n) {
return ++n;
}
count = increase(count);
console.log(count); // 1
count = increase(count);
console.log(count); // 2
// 비순수함수
var count = 0;
function increase() {
return ++count; // 외부 상태에 의존하여 외부 상태를 변경한다.
}
increase();
console.log(count); // 1
increase();
console.log(count); //2예제 보면서 순수 함수와 비순수 함수의 차이점 이해하기
