javascript
-
[React] React에서 input 이벤트 사용하기 (onChange, onInput, onBlur)프론트엔드 2022. 2. 10. 17:36
자바스크립트의 onChange, onInput 이벤트는 onChange : input에서 포커스가 벗어났을 때, input에 입력된 값이 변경되었다면 이벤트 발생 onInput : input에 입력된 값이 변경될 때마다 이벤트 발생 이렇게 이벤트 발생 조건에 차이가 있다. 그런데 React에서는 onChange, onInput이 동일하게, input 값이 변경될 때마다 (포커스 아웃이 없어도) 이벤트가 발생한다. 그래서 리액트에서는 onChange와 onInput이 사실상 동일한 이벤트로 취급되고, 이 중에서는 onChange가 더 자주 사용되는 것 같다. 그렇다면 React에서 자바스크립트의 onChange 이벤트처럼 input에서 포커스가 벗어났을 때 값의 변경이 있는 경우 이벤트를 감지하려면 어떻게..
-
자바스크립트 클로저(Closure) _속 깊은 Javascript 2장프론트엔드 2019. 12. 15. 00:45
※ 책 2장. 자바스크립트의 스코프와 클로저 단원에서 '클로저'부분을 보고 작성한 글입니다. 글에 사용된 예제는 책에 있는 예제를 살짝 변형해서 만들었습니다. 공부하려고 쓴 글이라 부정확한 부분이 있을 수 있습니다. 클로저에 대해 설명하기 전에, 반드시 알고 넘어가야할 '스코프 체인'에 대해 먼저 알아보자. 스코프 체인 자바스크립트는 중괄호( {} )를 기준으로 스코프가 생성되는 다른 언어들과 달리, '함수 단위'로 스코프가 생성된다. 스코프는 함수가 호출될 때마다 새로 생성된다. 이 코드는 다음과 같은 스코프 체인을 생성한다. 스코프 체인에서 변수를 탐색할 때는 다음과 같은 과정을 거친다. inner함수에서 어떤 변수를 사용하려고 하면, inner 함수의 스코프에서 먼저 그 변수를 찾아보고 -> 없으면..