쏘 개발로그

  • 홈
  • 태그
  • 방명록

Event Handler 1

[JavaScript] 이벤트 (addEventListener, 이벤트 버블링, 이벤트 위임 등)

웹 페이지는 기본적으로 정적인 문서이기 때문에 그동안 배운 HTML과 CSS만 있다면, 그저 화면에 정보가 보이기만 할 뿐이다.그러나 우리가 원하는 웹 서비스는 '버튼을 클릭하면 모달이 열린다', '스크롤을 하면 애니메이션이 나온다' 등과 같은 사용자 행동에 반응하는 웹니다. 앞서 봤듯이 화면을 움직이게 만드는 역할을 하는 것은 JS인데, 그럼 JS는 어떻게 사용자와 연결되는 걸까?구체적으로는 어떻게 JS는 사용자가 클릭하거나, 키보드를 눌렀거나, 화면을 스크롤했다는 사실을 아는 걸까? 바로 오늘 살펴볼 이벤트 덕분이다.따라서 오늘은 이러한 동작들을 가능하게 하는 이벤트란 무엇인지, 이벤트가 왜 필요한지, 그리고 이벤트를 어떻게 해야 이후의 DOM 조작이나 비동기 처리까지 자연스럽게 이어질 수 있는지에 ..

👩🏻‍💻 Frontend/📌 JavaScript 2026.02.04
이전
1
다음
더보기
반응형
프로필사진

쏘 개발로그

공부한 내용 중에서 잘못된 개념이 있다면, 댓글로 피드백 해주시면 감사하겠습니다. 🙇🏻‍♀️

  • 분류 전체보기
    • 👩🏻‍💻 Frontend
      • 📌 JavaScript
      • 📌 TypeScript
      • 📌 Web
      • 📌 React
    • 📌 Node
    • 📌 CS
    • 👩🏻‍💻 프로젝트
      • 📌 독서 관리 어플
      • 📌 일본어 단어 퀴즈
    • 👩🏻‍💻 코딩테스트
      • 📌 JavaScript
    • 👩🏻‍💻 학교
      • 📌 컴퓨터통신
    • 👩🏻‍💻 이것저것
      • 📌 인턴

Tag

js, 컴퓨터 통신, 컴퓨터 네트워크, HTML5, 프론트 인턴, 자바스크립트, 코테, CSS, 프로그래머스, 풀스택 인턴, REACT, 공부기록, 개발자, 리액트 네이티브, 기술블로그, React Native, 백엔드 인턴, 개발자 인턴, HTML, JavaScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

    티스토리툴바