본문 바로가기

전체 글

 (66)
[멋쟁이사자처럼 부트캠프 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 25일차 JavaScript 함수 JavaScript에서 함수 함수(Function)는 특정 작업을 수행하도록 설계된 자바스크립트 코드 블록입니다. 함수는 재사용 가능한 코드 단위로, 입력(매개변수)을 받아 처리를 수행한 뒤, 결과값(반환값)을 반환하거나, 특정 작업을 실행합니다.함수의 주요 특징재사용성: 한 번 정의하면 여러 번 호출 가능.모듈화: 코드를 분리하여 가독성과 유지보수성 향상.일급 객체: 자바스크립트에서 함수는 일급 객체로 취급됩니다.변수에 할당할 수 있음.다른 함수의 매개변수로 전달 가능.함수의 반환값으로 사용 가능. 함수 정의 방법 1. 함수 선언문 (Function Declaration)가장 기본적인 함수 정의 방법입니다.function greet(name) { return `Hello, ${name}!`;}cons..

티스토리툴바