시크릿 코드 - UI COMPONENT 편
1.context-menu
반복문의 사용을 줄이기 위해 최대한 이벤트 위임을 하였고 답안지에 비해서 forEach문을 하나 덜 사용하였지만 이벤트 핸들러를 하나 더 할당 하였다.. ~코드가 길어졌는데 이게 과연 좋다고 할 수 있나? ㅠㅠ ~이벤트 위임이란 개념을 최근에 배웠고 무조건 반복문은 안
2.infinite scroll
: 배열의 첫번째 요소의 property인 isIntersecting을 받는 구조 분해 할당 문법 어차피 첫번째 entry의 isIntersecting 값만 알면 되니 반목문 돌리고 entry.isIntersecting 값을 받아오는 식으로 코드를 작성 하지 않아도 된
3.scroll spy
JS > ### 원리 현재 영역의 절반 이상을 지난 시점을 감시 영역의 경계선으로 설정한다. 아래 코드와 같이 offsetTop, clientHeight로 각 영역의 경계위치를 설정한다. offsetTop - (clientHeight / 2), offsetTo
4.scrollTop
JS > ### 원리 > ### 코드 분석 REACT > ### 원리 > ### 코드 분석
5.List (with axios)
앞으로 api 데이터 받아오는 코드를 작성할 때 아래와 같은 구조로 작성하자 !!
6.stop watch
js 사용된 개념 IIFE 이번 코드의 경우, 이벤트 핸들러내에 모든 로직이 구현되어 있으므로, 딱, 한번의 실행만 필요로 할때 사용되는 즉시실행함수를 사용 하였습니다. 또한, 불필요하게 전역으로 변수를 선언하는 것을 막기 위해 각각의 함수들도 IIFE를 사용 하였습니다. 클로저 함수를 어디서 호출하였는지에 따라 상위 스코프를 결정하는 방식은 동...