javascript16 자바스크립트 Object Model object model 자바스크립트 오브젝트 모델(Javascript Object Model)은 자바스크립트에서 객체 기반의 구조와 프로그래밍 모델을 의미합니다. 이 모델은 웹 페이지의 요소를 객체로 취급하여, 자바스크립트를 통해 동적으로 웹 페이지의 내용, 구조 및 스타일을 조작할 수 있는 기능을 제공합니다. 자바스크립트 오브젝트 모델은 크게 문서 객체 모델(DOM)과 브라우저 객체 모델(BOM) 두 가지 주요 컴포넌트로 구성됩니다 문서 객체 모델(DOM) HTML 및 XML 문서의 구조적 표현을 메모리에 로드하는 방식 웹 페이지를 객체의 트리 구조로 나타냅니다. 각 노드는 문서의 한 부분(예: 요소, 속성, 텍스트 등)을 나타냅니다. DOM을 통해 자바스크립트는 웹 페이지의 요소를 찾아내고, 내용을 .. 2024. 2. 22. 함수 함수란? 자바스크립트에서 함수는 작업을 수행하거나 값을 계ㅅ산하는데 사용되는 코드의 집합이다. 함수를 사용하면 코드의 재사용성을 높이고 코드 관리를 효율적으로 할 수 있다. 자바스크립트에서 함수는 function 키워드를 사용하여 정의 할 수 있으며 , 매개변수 (parameters)를 통해 입력받고 , returen문을 사용하여 결과값을 반환할 수 있다. 함수의 정의 방법 1. 함수 선언문 : 이름이 있는 함수를 정의 function sayHello() { console.log("Hello!"); } 2. 함수 표현식 : 함수를 변수에 할당하여 익명 함수 또는 명명된 함수 사용 가능 const sayGoodbye = function() { console.log("Goodbye!"); }; 3. 화살표 .. 2024. 2. 22. 반복문 (Loop) 반복문이란? 특정조건이 만족될때까지 코드 블록을 반복해서 실행할 수 있는 프로그래밍 구조 반복문을 사용하면 동일한 작업을 여러 번 수행해야할 때 코드를 간결하게 만들 수 있으며 자동화 된 처리가 가능하다. 주로 데이터 리스트, 배열등의 컬렉션을 순회하거나 특정조건까지 연산을 반복하는 경우에 사용한다. 반복문 유형 1. for 문 구조 : 반복 횟수가 명확할 때 주로 사용 예시 : javascript에서 for 반복문 사용 for(let i = 0; i < 5; i++) { console.log(i); // 0, 1, 2, 3, 4 } 2. while 문 구조 : 특정 조건이 참인 동안 코드 블록을 계속해서 실행 예시 : let userInput; while (userInput !== "quit") { u.. 2024. 2. 22. 조건문 Conditional Statements 조건문 Conditional Statements 프로그램에서 주어진 조건의 참 또는 거짓에 따라 다른 코드 블록을 실행하는 구조 가장 기본적인 조건문은 If문 과 else문이다. 조건문을 사용함으로써 프로그램의 흐름을 동적으로 제어할 수 있다 사용자의 입력이나 다른 조건에따라 다른 작업을 수행할 수 있다. 특정 조건이 참이냐 거짓이냐에따라 실행할 코드를 지정할 수 있다. 조건문의 종류 if문 , else 문 , else if문 , switch문 조건문의 사용 조건문은 프로그램 내에서 의사 결정을 필요로 하는 모든 곳에 사용될 수 있다. 예를 들어, 사용자의 입력 값에 따라 다른 작업을 수행하거나, 특정 변수의 값에 따라 다른 메시지를 표시하는 등의 작업에 활용된다. if문 주어진 조건이 참일때 코드블록 .. 2024. 2. 20. 비교 연산자와 불리언 비교 연산자(Comparison Operator) 비교 연산자는 두 값을 비교하여 그 결과가 참 (true)인지 거짓(false)인지 판단 일치 연산자 ( === ) : 두 값의 타입과 값이 모두 같을 경우 참(true)반환 불일치 연산자 ( !== ) : 두 값의 타입이나 값이 다를 경우 참 (true) 반환 미만 ( a = ) : 왼쪽값이 오른쪽 값보다 크거나 같을 경우 참 ( true ) 반환 불리언(Boolean) 불리언(Boolean)은 참 (true)와 거짓(false)의 두가지 값만을 가지는 데이터 타입 비교연산자의 결과는 불리언 값.. 2024. 2. 17. 자바스크립트 제어 할 태그 선택 제어 할 태그 선택 웹 페이지의 특정 태그를 동적으로 선택하고 선택된 태그의 스타일 속성을 변경하는 방법 중 하나다. getElementsById ( Id 선택자 ) 가장 간단하고 효율적임 각 태그는 고유한 id를 가질 수 있어 id를 통해 해당 태그를 쉽게 선택 html 코드에 id 속성 추가 동일한 id를 가진 태그가 여러개 존재할 경우 오류 발생 예시 버튼 getElementsByClassName ( Class 선택자) 하나 이상의 태그에 동일한 클래스 이름을 부여하여 선택 id 선택자 보다 유연하고 재사용 가능 html 코드에 class 속성 추가 동일한 class를 가진 태그가 여러개 선택 가능 예시 버튼 1 버튼 2 const button = document.getElementsByClassN.. 2024. 2. 17. 이전 1 2 3 다음