[JavaScript] 16. 이벤트 처리 - 배너 변경하기  prev next   prev next

[JavaScript] 15. 쿼리 셀렉트문과 클래스 선택자  ♡ ♡ ♡   ♡ ♡ ♡   ♡ ♡ ♡

[JavaScript] 14. 이벤트 처리 - 이미지 토글 1. 심볼즈란?(1) 심볼즈(Symbols)는 문자나 기호를 의미한다. 웹 페이지에서 사용할 수 있는 다양한 문자나 기호가 있고, 이런 문자나 기호는 특정 코드를 사용하여 웹 페이지에 표시할 수 있다. https://www.htmlsymbols.xyz/unicode/U+1F493 HTML Symbols...www.htmlsymbols.xyz   💓   ♡   ♡   ♡ example   💡DOM의 리턴 타입 : HTMLCollection, NodeList, Node

[JavaScript] 13. 이벤트 위임 - 연습문제 풀이  버튼1 버튼2 버튼3  *변수를 잘 활용하자!!

[JavaScript] 12. 이벤트 위임과 버블링 1. 이벤트 위임이란? 2. 버블링과 캡쳐링 3. 시나리오 코드 (코드 예제)(1) 버블링 Click me! *화살표 함수 document.getElementById('parent').addEventListener('click',()=>{})  (2) 이벤트 Click me!   (3) 버블링 중단하기 Click me!   (4) 이벤트 위임 활용 버튼1 버튼2 버튼3 버튼1 버튼2 버튼3   (5) 이벤..

[JavaScript] 11. EventListener   EventListener를 사용한 요소 추가, 삭제, 토글 만들기 아이템 추가 리스트 토글 아이템1 수정하기 삭제하기

[JavaScript] 자바스크립트의 이벤트 처리 1. HTML 요소에 이벤트 등록하기(1) 자바스크립트 이벤트란?  (2) 이벤트 등록의 대표적인 3가지 방식Inline Event HandlerElement PropertyaddEventListener*단, 비동기 통신으로 페이징 처리할 경우 Inline Event Handler 권장! 2. 코드 예제(1) 코드 예제 -  숨기기 숨기기 display로 숨기기 visible로 숨기기 내부 박스 1 내부 박스 2  (1) 공간 차리-display: none-visibility: hidden: 요소는 화면에서 보이지 않지만, ..

[JavaScript] 9-1. 예제 (1) 이미지 띄우기 index12.html 파일 입니다. 이미지토글   index12.html 파일 입니다. 이미지토글

[JavaScript] 9. DOM(Document Object Model) 1. DOM의 개념-브라우저에 띄울 웹 페이지가 정적 웹페이지라면 CSS+HTML로도 충분하지만, 그 이상의 인터랙티브한 기능을 구현하려면 DOM 개념을 이해해야 한다. -DOM(Document Object Model)은 문서 객체 모델이라고도 이야기한다. 이는 웹페이지의 콘텐츠 및 구조를 구조화시켜 표현해, 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스이다.  => 이는 자바스크립트 같은 스크립팅 언어가 쉽게 웹페이지에 접근해 조작할 수 있게끔, 연결시켜주는 역할을 한다. *window 객체는 브라우저 창이나 프레임을 추상화한 것으로, DOM의 일부가 아니라. *window ..

[JavaScript] 8. 함수의 개념과 활용  1. 함수 index7.html 파일입니다. // 매개변수(Parameter) // 함수를 실행하기 위해 필요하다고 지정하는 값을 말한다. // 함수를 선언할 때, 함수 이름 옆의 괄호 안의 매개 변수를 넣는다. // 인수(argument) // 함수를 실행하기 위해 필요하다고 지정하는 실제 값이다. // 함수를 실행할 때, 매개변수를 통해 넘겨주는 값을 인수라고 한다. // 함수 선언학 function addNumber(a,b){ let sum =a+b; return sum; } ..