공부/React 2

[React] 자바스크립트 리액트 이벤트 리스너

이벤트 리스너는 사용자가 어떤 이벤트 (마우스, 키보드 등등)를 일으켰을 때 이를 감지하고 적절한 기능을 수행할 수 있게 해 준다. 그래서 이름도 이벤트 리스너 갠 적으로 이 이름 맘에 든다 ᵔࡇᵔ 제일 많이 사용하는 이벤트 리스너 중 하나인 onClick onClick은 해당 태그를 사용자가 클릭했을 때 이벤트 리스너와 연결된 일을 수행하게 해 준다. 말고도 마우스 관련해서만 이벤트 리스너가 아래와 같이 많다. onClick onContextMenu onDoubleClick onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown onMouseEnter onMouseLeave onMouseMo..

공부/React 2021.12.31

[React-Hook] 자바스크립트 비동기 처리 useState 와 useEffect 를 곁들인..

자바스크립트로 코드 짤 때 가장 헷갈린게 비동기 처리인 것 같다. Vue 를 쓸 때도 그렇고 React 쓸 때도 그렇고 다 좋은데 비동기 처리는 진짜 짜증 났던 것 같다. 난 분명히 값을 할당했는데 undefined.. 공부하고 정리 좀 해서 아까운 시간 쏟지 말자 ୧╏ ՞ _ ՞ ╏୨ 비동기 처리란 동기 처리는 동시에 일어남을 의미하고 비동기는 동시에 일어나지 않음을 의미한다. 동기 처리는 요청과 결과가 동시에 일어나기 때문에 코드가 직관적이고 이해하기 쉬운 반면에 ▶ 여기서 값을 받으면 ~ 이거 하고 이거 해! 비 동기 처리는 결과가 나올 때 까지 기다리지 않고 다른 일을 처리할 수 있기 때문에 코드나 순서는 이해하기 어려워도 자원 사용을 좀 더 효율적으로 할 수 있다. ▶ 여기서 값을 받으면 ~ 그..

공부/React 2021.11.05