JavaScript10 JS - 점검 5(Browser Object Model) 학습 목표 1. BOM 에 대하 알아 보자 2. Window Object 와 하위 객체들에 대해 알아 보자 1. BOM 에 대하 알아 보자 JavaScript에서 BOM (Browser Object Model)은 웹 브라우저와 상호작용하기 위한 객체 모델입니다. BOM을 사용하면 JavaScript가 브라우저 창 및 브라우저의 기타 요소와 상호작용할 수 있습니다. BOM은 DOM(Document Object Model)과는 달리 표준화되지 않았기 때문에 브라우저마다 차이가 있을 수 있습니다. 정리 프로그램을 통해 브라우저 창을 관리할 수 있도록 브라우저 요소를 객체화 시켜 놓은 것을 의미합니다. 추가 적으로 BOM은 하나의 객체만을 가리키는 것이 아니라 브라우저와 관련된 여러 객체들을 포함하며 그 구조는.. 2023. 10. 5. JS - 점검 4(Document Object Model) 학습 목표 1. DOM 이란 무엇일까? 2. JS로 DOM 조작해보기 3. DOM에 접근할 수 있는 5가지 방법 4. 연습 문제 풀어보기 브라우저에 띄울 웹 페이지가 단순히 정보 전달만을 목적으로 하는 정적인 웹이라면 HTML, CSS로도 충분하겠지만 그 이상의 인터랙티브한 기능을 구현하고자 한다면 자바스크립트와 DOM을 반드시 사용해야 합니다. 1. DOM 이란 무엇일까? (문서 객체 모델) 문서 객체 모델, 즉 DOM은 웹 페이지(HTML이나 XML 문서)의 콘텐츠 및 구조, 그리고 스타일 요소를 구조화 시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스입니다. 즉 자바스크립트 같은 스크립팅 언어가 쉽게 웹 페이지에 접근하여 조작할 수 있게.. 2023. 10. 4. JS - 점검 3(함수에 이해와 활용) 학습 목표 1. 함수에 선언과 사용 2. 함수 표현식이란? 3. 즉시 실행 함수란? 4. 화살표 함수란? 1. 함수에 선언과 사용 2. 함수 표현식이란? 자바스크립트에서 "함수 표현식"은 함수를 변수에 할당하는 방식으로 정의하는 것을 의미합니다. 함수 표현식은 함수를 값으로 다루는 함수형 프로그래밍의 개념 중 하나이며, 매우 유용한 패턴 중 하나입니다. 함수 자체가 식(Expression) 이기 때문에 함수를 변수에 할당하거나 함수의 매개변수로 사용할 수 도 있음 (일급 객체) 3. 즉시 실행 함수란? 자바스크립트에서 즉시 실행 함수(IIFE, Immediately Invoked Function Expression)를 만들려면 함수를 정의하고 즉시 실행 연산자 ()로 둘러싸면 됩니다. IIFE는 함수를 .. 2023. 10. 4. JS - 점검 2(객체와배열) 학습 목표 1. 객체에 대한 이해와 사용 2. 배열에 대한 이해와 사용 1. 객체에 대한 이해와 사용 객체는 프로그래밍에서 데이터와 그 데이터를 다루는 동작(메서드)을 함께 묶어서 표현하는 자료구조입니다. 내장 객체 (Built-in Objects) 내장 객체는 JavaScript 언어 자체에 내장되어 제공되는 객체들을 말합니다. 이러한 객체들은 JavaScript 프로그래밍에서 기본적인 기능을 제공하며, 모든 JavaScript 환경에서 사용할 수 있습니다. 몇 가지 주요 내장 객체에는 다음과 같은 것들이 있습니다. Object: 모든 객체의 기본이 되는 객체입니다. 다른 모든 객체는 이 객체를 상속받습니다. Array: 배열을 다루는 데 사용되며, 순서가 있는 여러 값을 저장할 수 있습니다. Stri.. 2023. 10. 4. 이전 1 2 3 다음
