멋쟁이사자처럼_부트캠프/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 25일차 JavaScript 함수 JavaScript에서 함수 함수(Function)는 특정 작업을 수행하도록 설계된 자바스크립트 코드 블록입니다. 함수는 재사용 가능한 코드 단위로, 입력(매개변수)을 받아 처리를 수행한 뒤, 결과값(반환값)을 반환하거나, 특정 작업을 실행합니다.함수의 주요 특징재사용성: 한 번 정의하면 여러 번 호출 가능.모듈화: 코드를 분리하여 가독성과 유지보수성 향상.일급 객체: 자바스크립트에서 함수는 일급 객체로 취급됩니다.변수에 할당할 수 있음.다른 함수의 매개변수로 전달 가능.함수의 반환값으로 사용 가능. 함수 정의 방법 1. 함수 선언문 (Function Declaration)가장 기본적인 함수 정의 방법입니다.function greet(name) { return `Hello, ${name}!`;}cons.. [멋쟁이사자처럼 부트캠프 TIL 회고] 백엔드 부트캠프 13기: Java 24일차 JavaScript, AJAX JavaScript웹 개발을 위한 프로그래밍 언어로, 웹 페이지에 동적 기능을 추가하고 사용자와 상호작용할 수 있도록 해줌.브라우저에서 실행되는 클라이언트 측 스크립트 언어. 크롬의 자바스크립트기능을 이용하여 메뉴이름을 변경하는 예시.JavaScript의 주요 특징동적이고 유연한 언어:데이터 타입을 자동으로 변환하고, 변수에 다양한 타입의 데이터를 할당할 수 있습니다.런타임 중에 객체를 수정하거나 새로운 속성을 추가할 수 있습니다.객체 기반:모든 것이 객체처럼 동작하며, 프로토타입 상속을 통해 객체를 확장할 수 있습니다.웹 브라우저에서 실행:웹 페이지에서 동적인 콘텐츠를 구현할 수 있습니다(예: 버튼 클릭 이벤트, 폼 검증, 애니메이션 등).비동기 처리:콜백, 프로미스(Promise), async/awa.. 이전 1 다음
