[JavaScript] 17. Promise 타입 1. Promise 타입의 이해(1) Promise 타입의 개념(2) Promise 타입의 3가지 상태대기(pending)이행(fulfilled)거부(rejected)*비동기 통신:*웹 브라우저=일종의 해석기!웹 브라우저 내부에는 자바스크립트 엔진이 존재하며, 이는 싱글 스레드로 동작한다.메모리 힙(Memory Heap) 데이터를 임시 저장하는 곳콜 스택(Call Stack) 2. Promise 타입 선언과 활용(1) async (2) await (3) 명시적 체인 (Explicit Chaining)  3. 시나리오 코드(1) 커피 주문하기 Promise Callback Test   (2) 소주 주문하기 -> 재고 소진 메세지 Promis..

[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 ..