Event Bubbling과 화살표 함수

Event란? 이벤트란 간단하게 일어나는 사건 혹은 발생인데, 웹에서는 유저가 버튼을 클릭하거나 비디오 재생이 멈추는 등 이러한 다양한 사건들을 이벤트라고 할 수 있습니다. Event Bubbling이란? Event Bubbling이란 한 요소에서 이벤트가 발생했을 때 해당 이벤트가 부모 요소들로 전달되어 가는 특성을 말합니다. form form 안에 있는 div form 안에 있는 div 안에 있는 p 이 경우 p태그 안에 요소만을 클릭해도 p의 이벤트 핸들러가 동작해 alert 창이 뜨고 클릭한 이벤트가 부모 요소들로 전달되어 div, form 각각의 이벤트 핸들러가 동작해 div의 alert 창이 뜨고, form의 alert 창의 뜸을 알 수 있습니다. 이러한 흐름을 Event Bubbling이라고..

• format_list_bulleted JavaScript/JavaScript
• · 2022. 12. 12.
• textsms

자바스크립트 문자열 객체

http://www.yes24.com/Product/Goods/59461086 Do it! 자바스크립트 + 제이쿼리 입문 - YES24 4년 연속 베스트셀러! 전면 개정판으로 출간!자바스크립트, 제이쿼리의 기본부터 실전에 필요한 핵심까지 모두 담았다!‘두잇 시리즈 최고 작품’이라 평가받은 책! 전면 개정판으로 더욱 알차 www.yes24.com ⌜Do it! 자바스크립트 + 제이쿼리 입문⌟ 책을 공부하며 요약・정리한 내용입니다. 문자열 객체 생성하기 let 참조변수 = new String(문자형 데이터); let t1 = new String("hello"); let 참조변수 = 문자형데이터; let t2 = "hello"; 문자열 객체의 메서드 및 속성 charAt(index) 문자열에서 인덱스 번호에 ..

• format_list_bulleted JavaScript/JavaScript
• · 2022. 7. 22.
• textsms

자바스크립트 배열 객체

http://www.yes24.com/Product/Goods/59461086 Do it! 자바스크립트 + 제이쿼리 입문 - YES24 4년 연속 베스트셀러! 전면 개정판으로 출간!자바스크립트, 제이쿼리의 기본부터 실전에 필요한 핵심까지 모두 담았다!‘두잇 시리즈 최고 작품’이라 평가받은 책! 전면 개정판으로 더욱 알차 www.yes24.com ⌜Do it! 자바스크립트 + 제이쿼리 입문⌟ 책을 공부하며 요약・정리한 내용입니다. 배열 객체 생성 // 방식 1 let a = new Array(); a[0] = 30; a[1] = "연구원"; a[2] = true; // 방식 2 let b = new Array(30, "연구원", true); // 방식 3 let c = [30, "연구원", true]; 배..

• format_list_bulleted JavaScript/JavaScript
• · 2022. 7. 22.
• textsms

자바스크립트 수학 객체

http://www.yes24.com/Product/Goods/59461086 Do it! 자바스크립트 + 제이쿼리 입문 - YES24 4년 연속 베스트셀러! 전면 개정판으로 출간!자바스크립트, 제이쿼리의 기본부터 실전에 필요한 핵심까지 모두 담았다!‘두잇 시리즈 최고 작품’이라 평가받은 책! 전면 개정판으로 더욱 알차 www.yes24.com ⌜Do it! 자바스크립트 + 제이쿼리 입문⌟ 책을 공부하며 요약・정리한 내용입니다. 수학 객체의 메서드 및 상수 종류 설명 Math.abs(숫자) 숫자의 절대값을 반환합니다. Math.max(숫자1, 숫자2, 숫자3) 숫자 중 가장 큰값을 반환합니다. Math.min(숫자1, 숫자2, 숫자3) 숫자 중 가장 작은 값을 반환합니다. Math.pow(숫자, 제곱값)..

• format_list_bulleted JavaScript/JavaScript
• · 2022. 7. 21.
• textsms

자바스크립트 날짜 정보 객체

http://www.yes24.com/Product/Goods/59461086 Do it! 자바스크립트 + 제이쿼리 입문 - YES244년 연속 베스트셀러! 전면 개정판으로 출간!자바스크립트, 제이쿼리의 기본부터 실전에 필요한 핵심까지 모두 담았다!‘두잇 시리즈 최고 작품’이라 평가받은 책! 전면 개정판으로 더욱 알차www.yes24.com⌜Do it! 자바스크립트 + 제이쿼리 입문⌟ 책을 공부하며 요약・정리한 내용입니다. Date 객체 생성let t = new Date(); let t = new Date("2022/7/20"); let t = new Date(2022,7,20); 날짜 관련 메서드날짜 정보를 가져올 때(GET)getFullYear() 연도 정보를 가져옴getMonth()월 정보를 가져옴..

• format_list_bulleted JavaScript/JavaScript
• · 2022. 7. 21.
• textsms

자바스크립트 조건식에 논리형 데이터가 아닌 다른 형이 오는 경우

http://www.yes24.com/Product/Goods/59461086 Do it! 자바스크립트 + 제이쿼리 입문 - YES24 4년 연속 베스트셀러! 전면 개정판으로 출간!자바스크립트, 제이쿼리의 기본부터 실전에 필요한 핵심까지 모두 담았다!‘두잇 시리즈 최고 작품’이라 평가받은 책! 전면 개정판으로 더욱 알차 www.yes24.com ⌜Do it! 자바스크립트 + 제이쿼리 입문⌟ 책을 공부하며 요약・정리한 내용입니다. 자바스크립트의 조건식은 논리형 데이터(true, false)가 아닌 다른 형의 데이터가 입력되어도 true 또는 false로 인식된다. 0, null, “”(빈 문자), undefined 이 값들이 조건식에 입력되면 false를 반환한다. 이 외의 값은 true 로 인식된다. e..

• format_list_bulleted JavaScript/JavaScript
• · 2022. 7. 21.
• textsms