728x90 반응형 전체 글368 JavaScript) 이벤트 위임 하위 엘리먼트에서 발생한 이벤트를 버블링을 통해 상위 엘리먼트에서 제어하는 것 ex) ul에 eventListener('click')를 주고 li에 발생한 클릭을 감지한다 2022. 4. 27. JavaScript) 이벤트 버블링/캡처링, 이벤트 전파 막기 이벤트 버블링 겹쳐있는 영역에 이벤트가 일어날 경우 겹쳐진 영역에 해당하는 모든 엘리먼트의 이벤트가 순차적으로 전달 되는 것 -> 가장 하위 엘리먼트 부터 최상단 엘리먼트로 이어지면서 이벤트가 실행되기 때문에 이벤트가 떠오른다고 하여 버블링이라고 부른다 거의 모든 이벤트는 버블링 된다 focus 등 몇 이벤트는 버블링 되지 않기도 한다 이벤트 캡처링 이벤트의 전파 단계는 3단계로 이루어진다 캡쳐 단계 - window 부터 대상 까지의 전파 흐름 (이벤트 대상을 찾는 단계 같음) 대상 단계 - 이벤트 개체가 이벤트 대상에 도착한 단계 (해당 이벤트 전파의 최하위 영역) 버블 단계 - 이벤트 개체로 부터 window까지의 버블링 단계 캡처링은 이벤트 발생 이전에 대상을 찾는 단계로 최상단 window 부터 .. 2022. 4. 27. React) styled-component 사용 시 주의 사항 1. 컴포넌트가 렌더링 될 때 마다 css 코드를 함께 불러오기 때문에 자주 재 렌더링 되는 곳에는 사용을 피해야 한다 2. css 파일에 와일드 카드 (*) 를 사용 시 스타일 컴포넌트가 안먹고 화면에 스타일 컴포넌트의 css코드가 나오는 경우 발생 2022. 4. 25. JavaScript) fetch, axios로 서버에 요청 보내기 요청 보내기 서버에 url와 restAPI를 통해 필요한 데이터에 대한 요청을 보낸다 restAPI 웹 http 프로토콜 통신에서 CRUD를 하기 위한 규약 CRUD 순서대로 POST, GET, PUT, DELETE가 담당하지만 주로 GET, POST를 사용하여 GET은 Read, POST가 나머지를 담당한다 get: uri의 ?(물음표) 뒤 query를 통해 key=value 형식으로 요청을 보낸다 (여러 요청을 보낼 경우 & 로 구분) -> 해당하는 key=value에 대한 값을 요청 보내는 것, 응답은 응답 객체로 받을 수 있음 post: 요청 객체 body에 응답에 필요한 데이터를 실어 보내고, 응답 객체를 받는다 fetch와 axios 모두 promise 타입의 객체를 반환한다 promise 객.. 2022. 4. 22. 이전 1 ··· 4 5 6 7 8 9 10 ··· 92 다음 728x90 반응형
