프로그래밍/JavaScript (27) 썸네일형 리스트형 JavaScript_Proxy 객체 Proxy 객체: Proxy 객체를 사용하면 한 객체에 대한 기본 작업을 가로채어 다른 동작을 할 수 있게 재정의하여 사용할 수 있다. 두 개의 메서드를 사용하여 생성한다. 1. target : Proxy의 대상이 되는 객체 2. handler : 가로채는 작업과 가로채는 작업을 재정의하는 객체 handler로 가로챌 수 있는 동작핸들러 메서드작동 시점get프로퍼티를 읽을 때set프로퍼티에 값을 쓸 때hasin 연산자가 작동할 때deletePropertydelete 연산자가 작동할 때apply함수를 호출할 때constructornew 연산자가 작동할 때getPrototypeOfObject.getPrototypeOfsetPrototypeOfObject.setPrototypeOfisExtensibleObje.. JavaScript_Promise Promise : 자바스크립트 Promise는 비동기 작업을 처리하기 위한 객체이다. Promise는 어떤 작업의 결과를 반환하는 객체로서, 이를 통해 비동기적으로 실행되는 작업을 처리하고 그 결과를 콜백 함수를 이용해 처리할 수 있다. Promise 3가지 상태 1. 대기 (pending) : Promise 객체가 생성되었으나 아직 처리가 진행되지 않은 상태 2. 이행 (fulfilled) : Promise 객체가 처리를 완료하여 결과를 반환한 상태 3. 거부 (rejected) : Promise 객체가 처리를 실패하였거나 오류가 발생한 상태 자바스크립트 엔진은 싱글 쓰레드로 동작하며, 이벤트 루프를 통해 비동기 작업을 처리한다. 이벤트 루프는 Call Stack, Task Queue, Event Lo.. JavaScript_토글 좋아요 기능 토글 좋아요 기능 예제 ❤ JavaScript_반복문 활용 카드 리스트 만들기 반복문 활용해서 카드 리스트 만들기 반복문으로 리스트 만들어보기 render JavaScript_주문 정보와 배송 정보 동일 기능 주문 정보와 배송 정보 동일 기능 주문 정보 이름 : 연락처 : 주소 : 배송 정보 주문 정보와 배송 정보가 같습니다. 이름 : 연락처 : 주소 : 결제하기 JavaScript_브라우저 객체 모델 BOM 브라우저 객체 모델이란 : 자바스크립트 프로그램을 통해 브라우저 창을 관리할 수 있도록 브라우저 요소를 객체화해 놓은 것 자주 사용하는 브라우저 내장 객체 객체 설명 Window 브라우저 창이 열릴 때마다 하나씩 만들어지는 객체이다. 브라우저 창 안에 존재하는 모든 요소의 최상위 객체이다. Document 웹 문서에서 태그를 만나면 만들어지는 객체이다. HTML 문서 정보를 가지고 있다. History 현재 창에서 사용자 방문 기록을 저장하고 있는 객체이다. Location 현재 페이지에 대한 URL 정보를 가지고 있는 객체이다. Navigator 현재 사용 중인 웹 브라우저 정보를 가지고 있는 객체이다. Screen 현재 사용 중인 화면 정보를 다루는 객체이다. History 객체 : 브라우저에서 '뒤.. JavaScript_이벤트 등록 처리 이벤트 등록 처리 - 이미지 변경하기 예제 1 이미지 변경하기 이벤트 등록 처리 - 이미지 변경하기 예제 2 이미지 변경하기 JavaScript_문서 객체 모델 DOM과 DOM 접근 기술 DOM 트리 : DOM은 웹 문서의 요소를 부모 요소와 자식 요소로 구분 id 선택자로 노드에 접근하기 - document.getElementById() 후미진 언덕 그 어디 class 선택자로 노드에 접근하기 - document.getElementsByClassName() 후미진 언덕 그 어디 querySelector 사용해서 노드에 접근하기 후미진 언덕 그 어디 그 기억.. 구름 나드리 오늘 날씨는 좀 그래 이전 1 2 3 4 다음
