위코딩
반응형
article thumbnail
[jQuery] 이벤트 핸들링과 애니메이션
Library/jQuery 2023. 7. 20. 14:38

이벤트 핸들링(Event Handling) 이벤트 핸들링은 웹 페이지에서 사용자의 동작에 대응하여 원하는 동작을 실행하는 기능을 말합니다. 사용자가 웹 페이지에서 클릭, 키보드 입력, 마우스 움직임 등의 동작을 하면, 이벤트가 발생하고 해당 이벤트에 등록한 이벤트 핸들러가 실행됩니다. 이벤트 리스너 등록 Click me // 이벤트 리스너 등록 let button = document.getElementById('myButton'); function handleClick() { console.log('Button clicked!'); } button.addEventListener('click', handleClick); 이벤트 핸들러 함수 이벤트 핸들러 함수는 이벤트가 발생했을 때 실행되는 함수를 의미합니..

article thumbnail
[JS] 이벤트 핸들링 (클릭, 마우스 오버 등)
Language/JavaScript 2023. 7. 20. 14:12

이벤트 핸들링(Event Handling)은 웹 페이지에서 사용자의 동작에 대응하여 원하는 동작을 실행하는 기능을 말합니다. 웹 페이지에서 발생하는 다양한 이벤트에 대해 감지하고, 해당 이벤트에 대응하는 동작을 처리하는 것이 중요합니다. 자바스크립트를 사용하여 이벤트 핸들링을 구현하는 방법에 대해 알아보겠습니다. 이벤트 핸들링 개념 이벤트 핸들링은 사용자와의 상호작용에 응답하여 웹 페이지를 동적으로 제어하는 기능을 의미합니다. 주로 DOM 요소에 이벤트 리스너를 등록하여 이벤트를 감지하고, 이벤트가 발생했을 때 원하는 동작을 수행합니다. 이벤트 리스너 등록 이벤트 리스너를 등록하여 특정 이벤트를 감지하고, 이벤트가 발생했을 때 호출될 함수를 지정합니다. addEventListener 메서드를 사용하여 이..

article thumbnail
[JS] JavaScript 소개와 기본 구문
Language/JavaScript 2023. 7. 20. 13:49

JavaScript(자바스크립트)는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나로, 웹 페이지를 동적으로 만들고 상호작용할 수 있도록 도와주는 스크립트 언어입니다. 웹 브라우저에서 실행되며, HTML과 함께 사용하여 웹 페이지의 동작을 제어하고 사용자와의 인터랙션을 처리합니다. 자바스크립트의 역할 자바스크립트는 다음과 같은 역할을 수행합니다: 웹 페이지의 동적인 요소 생성과 제어 사용자 입력에 대한 응답 처리 데이터의 유효성 검사와 처리 웹 페이지의 외부 API와의 연동 (예: 지도 서비스, 소셜 미디어 등) 애니메이션과 효과 추가 웹 페이지의 상태 관리와 이벤트 처리 기본 구문 변수 선언과 할당 변수는 값을 저장하는데 사용되며, var, let, const 키워드를 사용하여 선언합니다. v..

반응형
loading loading