728x90 프론트엔드 개발42 도넛 차트 2022. 3. 22. " 이런게 뭐지? ” ” : 공백(스페이스 한 칸)을 의미 < 부등호() & 앰퍼샌드(&) 기호 " 쌍따옴표(“) # sharp(#) ' 따옴표(‘) 2022. 2. 14. input에 border를 했더니 움직이면? border를 넣었더니 움직인다면 가로(width)를 설정하지 않아서 움직일 때가 있다 2022. 2. 11. 클릭으로 새로고침 history.pushState("/main"); 현재 페이지가 main페이지면 클릭해도 작동을 안하는 코드(이동할 때 쓰는 코드). main페이지에서 새로고침 하려면? window.location.replace("/main"); 2022. 2. 4. 이벤트2 이벤트 객체의 공통 프로퍼티 앞서 말했듯이 이벤트 객체는 사용자에 의해 이벤트가 발생했을 때 동적으로 생성됩니다. 이렇게 동적으로 생성된 이벤트 객체를 활용하기 위해 자바스크립트에서는 이벤트 객체의 공통 프로퍼티를 제공합니다. 공통 프로퍼티설명타입 type 이벤트 타입 string 🌟 target 이벤트를 발생시킨 DOM 요소 DOM 요소 노드 🌟 currentTarget 이벤트 핸들러가 바인딩된 DOM 요소 DOM 요소 eventPhase 이벤트 전파 단계 number - 0: 이벤트 없음, 1: 캡처링 단계, 2: 타깃 단계, 3: 버블링 단계 - bubbles 이벤트를 버블링으로 전파하는지 여부 boolean cancelable preventDefault 메서드를 호출하여 이벤트의 기본 동작을 취소.. 2022. 1. 21. 이벤트 이벤트란? ① 이벤트 드리븐 프로그래밍 브라우저는 처리해야 할 특정 사건이 발생하면 이를 감지하여 이벤트(=evnet)를 발생(=trigger)시킨다. 예를들어, 클릭, 키보드 입력, 마우스 이동 등이 일어나면 브라우저는 이를 감지하여 특정한 타입의 이벤트를 발생시킨다. 만약 애플리케이션이 특정 타입 이벤트에 대해 반응하여 어떤 일을 하고 싶다면 해당 타입의 이벤트가 발생했을 때 호출될 함수를 브라우저에게 알려 호출을 위임한다. 이때 호출될 함수를 ① 이벤트 핸들러(= event handler) 라 하고, 이벤트가 발생했을 때 브라우저에게 이벤트 핸들러의 호출을 위임하는 것을 ② 이벤트 핸들러 등록이라 한다. 예를 들어, 사용자가 버튼을 클릭했을 때 함수를 호출하여 어떤 처리를 하고 싶다고 가정해보자. .. 2022. 1. 21. 이전 1 2 3 4 5 6 7 다음 728x90