본문 바로가기
반응형

방구석코딩132

자바스크립트 DOM이란, 조작(방법) 자바스크립트에서 DOM이란 Document Object Model의 약자로써 HTML 문서를 트리 형태로 계층적으로 표현한 것입니다. DOM을 조작하는 것은 프론트엔드 개발자에게 필수적인 기술입니다. 트리의 각 요소는 노드이며 개발자는 JavaScript를 사용하여 이러한 노드를 조작하여 웹 페이지의 콘텐츠와 스타일을 동적으로 업데이트할 수 있습니다. 다음은 자바스크립트에서 DOM 조작방법에 대해 알아보겠습니다. DOM 요소에 접근하기 요소 콘텐츠 및 속성 수정 요소 추가 및 제거 이벤트 처리 자바스크립트 DOM 요소 액세스 JavaScript를 사용하여 DOM 요소를 조작하기 전에 먼저 액세스해야 합니다. 다음을 포함하여 DOM의 요소에 액세스하는 방법에는 여러 가지가 있습니다. getElementBy.. 2023. 5. 18.
자바스크립트 객체 생성, 배열, 추가, 삭제 자바스크립트 객체는 구조화된 방식으로 데이터를 저장하고 조작하는 방법입니다. 객체는 키-값 쌍으로 생각할 수 있는 속성으로 구성됩니다. 각 속성에는 속성을 식별하는 문자열인 키와 문자열, 숫자, 부울, 배열 또는 다른 객체와 같은 모든 데이터 유형의 값이 있습니다. 자바스크립트 객체 생성, 배열 JavaScript에서 객체를 생성하려면 키-값 쌍을 중괄호 {}(으)로 묶어야 합니다. 다음은 사람을 나타내는 객체의 예입니다. const person = { name: 'John', age: 25, isStudent: true, hobbies: ['reading', 'music', 'sports'], address: {street: '123 Main St', city: 'New York', state: 'NY.. 2023. 5. 15.
자바스크립트 배열 선언, 추가, 삭제 배열과 객체는 데이터를 저장하고 조작하는 데 사용되는 JavaScript의 기본 데이터 구조입니다. 이 섹션에서는 배열과 객체, 정의 방법 및 JavaScript에서 사용 방법에 대해 설명합니다. 자바스크립트 배열 선언 자바스크립트 배열 선언에 대해 알아보겠습니다. 배열은 단일 변수에 저장되는 데이터 값의 모음입니다. 배열의 데이터 값을 요소라고 하며 각 요소는 인덱스로 식별됩니다. JavaScript에서 배열은 대괄호를 사용하여 정의되며 모든 데이터 유형을 포함할 수 있습니다. 배열 선언 예시 다음은 JavaScript에서 배열을 정의하는 방법의 예입니다. const numbers = [1, 2, 3, 4, 5]; const fruits = ['apple', 'banana', 'orange']; con.. 2023. 5. 11.
자바스크립트 함수 선언, 표현식 예시 (feat.매개변수) 자바스크립트 함수선언과 표현식에 대해서 알아보겠습니다. 함수는코드를 함께 그룹화하고 특정 작업을 수행하는 데 사용됩니다. 함수는 프로그램 전체에서 재사용하고 여러 번 호출할 수 있는 코드 블록입니다. 자바스크립트 함수 선언, 표현식 예시 자바스크립트에서 함수 선언하는 방식은 function 키워드 뒤에 함수 이름, 괄호 세트 및 중괄호를 사용하여 정의됩니다. 다음은 기본 예시입니다. function greet() { console.log('Hello!'); } greet(); 이 예제에서는 문자열 'Hello!'를 콘솔에 간단히 기록하는 greet라는 함수를 정의합니다. 그런 다음 greet()를 사용하여 함수를 호출합니다. 함수 매개변수 매개변수란 프로그래밍에서 특정 작업이나 계산을 수행하는 데 사용되.. 2023. 5. 9.
[자바스크립트] 루프문, for, while, do-while 자바스크립트 루프문에는 일반적으로 for, while, do-while문을 가장 많이 사용합니다. 루프문은 특정 조건이 충족될 때까지 코드 블록을 반복적으로 실행하는 데 사용됩니다. 각 유형별 루프문의 구문과 차이점을 살펴보겠습니다. For 루프문 for 루프는 코드 블록을 실행하려는 횟수를 알고 있을 때 사용됩니다. for 루프의 구문은 다음과 같습니다. for (initialization; condition; increment) { // code to be executed } 초기화 문은 루프 시작 시 한 번 실행됩니다. 루프 변수에 값을 선언하고 할당하는 곳입니다. condition 문은 각 루프 반복이 시작될 때 평가됩니다. 참이면 루프가 계속됩니다. false이면 루프가 종료됩니다. 'incre.. 2023. 5. 2.
자바스크립트 IF문 문법 및 예시 IF 조건문은 JavaScript를 포함한 모든 프로그래밍 언어에서 사용되는 문법입니다. 다음은 IF문의 문법 및 예시를 통해서 알아보도록 하겠습니다. 자바스크립트에서 IF문이란 "if-else" 문은 프로그램이 조건이 참인지 거짓인지에 따라 결정을 내릴 수 있도록 하는 조건문입니다. 기본 문법 JavaScript에서 "if-else" 문의 기본 구문은 다음과 같습니다. if (condition) { // code to execute if condition is true } else { // code to execute if condition is false } if 키워드 뒤에는 괄호 안에 조건이 옵니다. 이 조건이 참이면 조건 ​​뒤의 중괄호 안의 코드가 실행됩니다. 조건이 거짓이면 "else" 키워.. 2023. 4. 30.
자바 스크립트 할당 연산자 (=, +=, -=, *=, /=, %=) JavaScript에는 변수에 값을 할당하는 데 사용할 수 있는 여러 유형의 할당 연산자가 있습니다. 이러한 연산자에는 다음이 포함됩니다. 할당 연산자 종류 및 사용법 자바 스크립트에서는 기본적으로 아래와 같이 6가지의 할당 연산자가 있는데, 이 할당 연산자의 의미와 사용법에 대해 예시를 통해 알아보도록 하겠습니다. =(할당 연산자) JavaScript에서 가장 기본적인 할당 연산자입니다. 오른쪽의 값을 왼쪽의 변수에 할당합니다. let x = 5; // assigns the value 5 to the variable x +=(더하기 할당 연산자) 이 연산자는 왼쪽 변수의 현재 값에 오른쪽 값을 더한 다음 그 결과를 변수에 다시 할당합니다. let x = 5; x += 3; // equivalent to.. 2023. 4. 28.
자바 스크립트 논리 연산자(and, or, not) 및 조건문 적용 방법 JavaScript에서 논리 연산자는 부울 값을 결합하고 핸들링하는 데 사용됩니다. JavaScript에는 AND(&&), OR(||) 및 NOT(!)의 세 가지 유형의 논리 연산자가 있습니다. AND(&&) 연산자 AND 연산자는 두 피연산자가 모두 참이면 참을 반환하고 그렇지 않으면 거짓을 반환합니다. 구문은 다음과 같습니다. operand1 && operand2 표현식이 true로 평가되려면 두 피연산자가 모두 true여야 합니다. 피연산자 중 하나가 false이면 식은 false로 평가됩니다. 예를 들어: let x = 5; let y = 10; let z = 15; console.log(x y && y < z); // fals.. 2023. 4. 25.
반응형

티스토리툴바