javascript (3) 썸네일형 리스트형 [멋쟁이사자처럼 부트캠프 TIL 회고] 백엔드 부트캠프 13기: Java 27일차 JavaScript 연동, 이벤트 핸들러 HTML과 JavaScript 연동하기 DOM : 구조 HTML, XML 문서를 프로그래밍적으로 다룰 수 있도록 문서의 구조를 객체(Object)로 표현한 모델.웹 브라우저가 HTML 문서를 로드하면, DOM이라는 계층 구조로 문서를 나타내고 JavaScript 등을 사용해 이 구조를 조작할 수 있게 함. 트리 구조:DOM은 문서의 계층적 구조를 표현합니다. HTML 문서가 DOM으로 변환되면, 다음과 같은 노드 트리(Node Tree)로 구성됩니다. HTML: Hello World This is a paragraph. DOM 트리:Document└── html ├── head │ └── title ("Page Title") └── body ├── h.. [멋쟁이사자처럼 부트캠프 TIL 회고] 백엔드 부트캠프 13기: Java 26일차 JavaScript 비동기처리 JavaScript 객체 지향 프로그래밍(OOP) 구현1. 프로토타입 (Prototype)정의: 자바스크립트는 프로토타입 기반 객체 지향 언어입니다. 모든 객체는 자신의 부모 역할을 하는 프로토타입 객체를 참조하며, 이로 인해 프로토타입 체인을 통해 상속이 가능합니다.특징:Prototype Property:함수 객체는 기본적으로 prototype 속성을 가집니다.이 속성은 해당 함수로 생성된 객체들이 상속받는 공유 속성을 정의합니다.프로토타입 체인:객체는 프로토타입 체인을 따라 필요한 속성이나 메서드를 찾습니다.체인은 Object.prototype에서 끝납니다.사용 예제:// 생성자 함수function Person(name) { this.name = name;}// 프로토타입에 메서드 추가Perso.. [멋쟁이사자처럼 부트캠프 TIL 회고] 백엔드 부트캠프 13기: Java 24일차 JavaScript, AJAX JavaScript웹 개발을 위한 프로그래밍 언어로, 웹 페이지에 동적 기능을 추가하고 사용자와 상호작용할 수 있도록 해줌.브라우저에서 실행되는 클라이언트 측 스크립트 언어. 크롬의 자바스크립트기능을 이용하여 메뉴이름을 변경하는 예시.JavaScript의 주요 특징동적이고 유연한 언어:데이터 타입을 자동으로 변환하고, 변수에 다양한 타입의 데이터를 할당할 수 있습니다.런타임 중에 객체를 수정하거나 새로운 속성을 추가할 수 있습니다.객체 기반:모든 것이 객체처럼 동작하며, 프로토타입 상속을 통해 객체를 확장할 수 있습니다.웹 브라우저에서 실행:웹 페이지에서 동적인 콘텐츠를 구현할 수 있습니다(예: 버튼 클릭 이벤트, 폼 검증, 애니메이션 등).비동기 처리:콜백, 프로미스(Promise), async/awa.. 이전 1 다음
