FE(front-end) (3) 썸네일형 리스트형 [자바스크립트] 이벤트 기초 이벤트(event) 브라우저는 클릭, 마우스 이동(hober), 키보드 입력 등이 일어나면 이를 감지하여 특정한 타입의 이벤트를 발생시킵니다. 만약 애플리케이션이 특정 이벤트에 반응하고 싶다면 이벤트에 대응하는 함수를 브라우저에게 알려주어 호출을 위임할 수 있습니다. 이 때 호출될 함수를 이벤트 핸들러라고 부르며 이를 위임(== 대응하여 하나의 쌍으로 만듦)하는 것을 이벤트 핸들러 등록(binding 바인딩)이라고 부릅니다. 이벤트는 특정한 사건과 사건을 다뤄주는 이벤트 핸들러가 있습니다. 이벤트 타입 이벤트 타입이란 브라우저가 감지하는 이벤트들의 종류입니다. 마우스 이벤트 Click dbclick contextemu mouseover, mouseout 폼 요소 이벤트 submit - 사용자가 을 제출하.. [자바스크립트] 배열 구조 분해 할당+ 스프레드 연산자 구조 분해 할당(Destructuring assignment) 구조 분해( destructuring )는 영문으로는 구조화 된 것을 비구조화 하는 것을 말합니다. 즉, 구조 분해 할당이란 객체나 배열을 다시 기본 데이터로 해체하는 것을 의미합니다. 따라서 우변에 요소만큼 좌변에 할당해주는 효과가 있습니다. 배열 구조 할당 const userNames = ['김철수','박지수','리액트']; // 구조분해할당에 의한 분할저장 const [kim,park,lee] = userNames; console.log(`kim: ${kim}, park:${park}, lee:${lee}`); // 구조분해할당에 의한 분할저장 const [kim2,,lee2] = userNames; console.log(`kim2: $.. [자바스크립트] 클로저(closure) 1급 객체란 아래 3가지 조건을 모두 충족하면 1급 객체라고 한다. 조건1, 변수나 데이터에 담을 수 있어야 한다. 조건2, 함수의 파라미터(객체의 인자)로 전달될 수 있어야 한다. 조건3, 함수(객체)의 리턴값으로 사용 할 수 있어야 한다. 1. 클로저(closure) 클로저는 자바스크립트 고유의 개념이 아니라 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어(Functional Programming language: 얼랭(Erlnag), 스칼라(Scala), 하스켈(Haskell), 리스프(Lisp)…)에서 사용되는 중요한 특성이다. 자신을 포함하고 있는 외부함수보다 내부함수가 더 오래 유지되는 경우, 외부 함수 밖에서 내부함수가 호출되더라도 외부함수의 지역 변수에 접근할 수 있는데 이러한 함수를 .. 이전 1 다음
