Javascript11 [Javascript] 이벤트 버블링, 캡처링 버블링과 캡처링 Bubbling and Capturing 버블링과 캡처링은 이벤트 전파 방식을 설명하는 용어. 1. 버블링(Bubbling) 이벤트가 가장 깊은 요소(최하위 요소)에서 시작하여 상위 요소로 반복되면서 핸들러가 동작하며 전파되는 방식 예시) 하위 요소에서 클릭 이벤트가 발생 → 이벤트는 해당 요소에서 시작하여 부모 요소, 그 다음 부모 요소, 더 상위 요소로 전파 2. 캡처링(Capturing) 캡처링은 버블링과는 반대로 이벤트가 가장 상위 요소에서 시작하여 해당 하위 요소로 전파되는 방식 예시) 상위 요소에서 클릭 이벤트가 발생 → 이벤트는 해당 요소에서 시작하여 하위 요소, 그 다음 하위 요소, 더 깊은 요소로 전파 이벤트가 발생한 요소부터 전파되는 순서가 버블링과 캡처링에서 다르며, .. 2023. 12. 24. [Javascript] 자바스크립트 메서드 (Method) Javascript Method 자바스크립트에서 메서드(Method)는 객체(Object)에 속한 함수를 나타내며, 객체는 프로퍼티(속성)과 메서드로 이루어져 있고, 메서드는 객체가 수행할 수 있는 동작이나 기능을 정의합니다. join Array.prototype.join() 배열의 모든 요소를 하나의 문자열로 연결 (병합) /* 배열 -> 문자열(한문장 묶어준다); */ let frontlangs = ['html', 'css','javascript']; let frontlangs2 = frontlangs.join(','); console.log(frontlangs2); https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objec.. 2023. 10. 18. [Javascript] 객체 Object, 배열 Array 객체(Object)와 배열(Array) JavaScript에서 객체(Object)와 배열(Array)은 둘 다 데이터를 저장하고 다루는 데 사용되는 자료구조입니다. 그러나 두 자료구조는 목적과 사용법에서 몇 가지 중요한 차이가 있습니다. 객체 (Object) 객체는 이름이 지정된 속성의 집합. 이러한 속성들은 객체의 특성이나 특징을 나타냅니다. → 객체는 중괄호({})를 사용하며, 속성들은 쉼표로 구분되어 정의됨. → 객체 속성에 접근시, 속성 이름을 사용 let 사람 = { 이름: '홍길동', 나이: 30, 성별: '남성' }; //객체 속성에 접근시, 속성 이름을 사용 /* 객체(object) = 변수(property) + 함수(method); 새 객체를 생성 var 객체명 = {} //빈 객체를 생.. 2023. 10. 18. [Javascript] 자바스크립트 조건문 (if) Javascript 조건문 JavaScript에서 조건문은 지정한 조건이 참인 경우 명령문(statement)을 실행합니다. 또한 조건이 거짓인 경우 또 다른 명령문이 실행 될 수 있습니다. if 문 if 문은 주어진 조건이 참인 경우에 코드 블록을 실행 if (조건) { // 조건이 참일 때 할일 } else if 문 여러 개의 조건을 검사하고자 할 때 사용 이전의 if나 else if 중 어떤 조건도 참이 아닌 경우에 현재 조건을 검사 if (조건) { // 조건이 참일 때 할일 } else { // 모든 조건이 거짓일 때 할일 } 중첩 조건문 조건문은 다른 조건문 내에 중첩될 수 있습니다. 이는 여러 가지 조건을 고려해야 할 때 사용됩니다. if (외부조건) { if (내부조건) { // 외부 조건.. 2023. 10. 18. 이전 1 2 3 다음
