본문 바로가기

Programming/HTML & CSS & JavaScript47

js 6일차 - 비동기, Ajax ########################################################################### ########################################################################### 11장. 비동기 ########################################################################### 1. 동기 vs 비동기 가. 동기     function fun() {         "1출력"         fun2();                 function fun2() {"2출력"} // 만약 1시간작업이라면?         "3출력"     }     fun();     .. 2024. 5. 16.
js 6일차 - 클래스, 모듈 ########################################################################### ########################################################################### 9장. 클래스 ########################################################################### 1. 문법 - JS 에서는 접근지정자가 없다. (public, private, ...) - JS 에서는 class 키워드가 됨.   html 에서는  태그 속성이 있음.   React.js 에서는 충돌남.   따라서 class 대신에 className 을 사용한다.         ex>  .. 2024. 5. 16.
js 5일차 - DOM(DOM, 객체분해할당) ########################################################################### ########################################################################### 8장. DOM ########################################################################### 1. 개요 - Document Object Model => Document(html 문서)    Object(JS객체) => 사용자가 만든 html(태그 및 속성)문서를 웹브라우저가 랜더링 하기 위해서    html 내의 요소(태그 및 속성)에 해당되는 객체(HTMLButtonElemnet.. 2024. 5. 9.
js 5일차 - event(2) preventDefault ########################################################################### ########################################################################### 7장. 이벤트 ########################################################################### 1. 이벤트 개요 1> 용어정리 가. 이벤트(event) - 사용자 및 시스템(웹브라우저)이 특정상황에 발생시키는 사건(동작) 의미. ex>     사용자가 마우스를 이용해서 버튼을 클릭/더블클릭/드래그/마우스오버/...     사용자가 키보드를 이용해서 input 태그에 값을 입력... .. 2024. 5. 9.