# DOM이란? DOM은 Document Object Model의 약자로, 웹 페이지의 구조화된 표현을 나타내는 프로그래밍 인터페이스입니다. DOM은 웹 페이지를 나타내는 트리 구조를 형성하며, 이 구조는 웹 페이지의 모든 요소와 그들 간의 관계를 포함합니다. 각 HTML 요소, 텍스트, 이미지, 링크, 폼 필드 및 기타 모든 내용은 DOM에서 노드로 표현됩니다. DOM은 웹 페이지의 HTML 또는 XML 문서를 메모리에 불러와서 스크립트 언어(일반적으로 JavaScript)를 사용하여 이 문서 구조에 접근하고 조작할 수 있는 방법을 제공합니다. DOM은 웹 페이지에 동적인 기능을 추가하거나 웹 페이지의 내용을 변경하는 데 사용됩니다. # DOM의 특징 DOM은 다음과 같은 주요 특징을 갖습니다: 1. ..

오늘은 JavaScript Koans 문제풀이를 하며 개념 정리 및 몰랐던 부분을 정리하는 포스트이다. 01. Introduction 02. Types-part1 느슨한 연산자 '==' 와 엄격한 연산자 '==='에 대해서 복습했다. 앞으로는 엄격한 동치 연산(strict equality) '==='을 사용하라는 안내도 받았다. it(function () { expect(1 + '1').to.equal('11'); }); it(function () { expect(123 - '1').to.equal(122); }); it(function () { expect(1 + true).to.equal(2); }); it( function () { expect('1' + true).to.equal('1true');..

스코프 Scope JavaScript에서의 스코프는 "변수접근 규칙에 따른 유효범위"이다. 스코프 규칙 1. 안쪽 스코프에서 바깥쪽 스코프로는 접근할 수 있지만, 바깥쪽 스코프에서 안쪽 스코프로의 접근은 불가능하다. 2. 스코프는 중첩이 가능하다. - 가장 바깥쪽의 스코프는 전역 스코프(Global Scope) - 전역이 아닌 다른 스코프는 전부 지역 스코프(local scope) - 지역 스코프에 선언한 변수는 지역변수, 전역 스코프에 선언한 변수는 전역변수 - 지역변수는 전역변수보다 더 높은 우선순위를 가짐 예제) let name = '고기만두'; function showName() { let name = '김치만두'; // 지역 변수 console.log(name); // 두 번째 출력 } cons..

원시 타입과 참조 타입 자료형(type) : 값(value)의 종류 원시 타입 (primitive type) 참조 타입 (reference type) number, string, boolean, undefined, null, symbol 원시 자료형이 아닌 모든 자료형 (배열, 객체,함수 ...) * 원시 자료형을 변수에 할당시 메모리 공간에 값 자체가 저장 * 원시 값을 갖는 변수를 다른 변수에 할당시 원시 값 자체가 복사후 전달 * 원시 자료형은 변경 불가능한 값(immutable value) 즉, 한 번 생성된 원시 자료형은 읽기 전용(read only) 값 특징 * 참조 자료형을 변수에 할당하면 메모리 공간에 주소값이 저장 * 참조 값을 갖는 변수를 다른 변수에 할당시 주소값이 복사후 전달 * 참..

# 객체 Object 객체는 키와 값으로 이루어져 있습니다. let user={ firstName: 'mandoo',//first name : 키 'mandoo': 값 lastName: 'an',//키와 값 사이는 콜론 : 으로 구분한다. }; 중괄호로 객체를 만들고 {} first name : 키 'mandoo': 값 키와 값 사이는 콜론 : 으로 구분한다. 키-값 쌍은 쉼표로 구분해준다. # 객체의 값을 사용하는 방법 Dot notation let user={ firstName: 'mandoo', lastName: 'an', }; user.firstName // 'mandoo' user.lastName // 'an' 2.Bracket notation let user={ firstName: 'mando..

# 배열? * 배열은 순서가 있는 값 순서(index) : 0부터 번호를 매김 값=요소( element) * 배열 만드는 법 let myNumber = [73, 98, 86, 61, 96]; //대괄호를 이용해서 배열을 만들고, 각각의 원소는 쉼표로 구분한다. *값은 인덱스를 이용해 접근 let myNumber = [73, 98, 86, 61, 96]; //myNumber의 배열의 3번째 인덱스를 조회하려면? myNumber[3];//61 //배열의 변수를 변경하고 싶다면? myNumber[3]=200;//200의 값 할당 myNumber; //[73, 98, 86, 200, 96]; *퀴즈 1 let fruits = [ 'banana', 'apple', 'pineapple' ]; console.log(..