Javascript

🌳 정의DOM이란 Document Object Model의 약자로 문서 객체 모델을 의미합니다.한 마디로 웹 페이지에 나타나는 html 문서 전체를 객체로 표현한 것이라고 할 수 있습니다. DOM에서의 객체는 '노드(node)'라고 불리며html 태그 = 요소(element) 노드태그를 제외한 문자 = 텍스트(text) 노드주석 = 주석(element) 노드로 구성됩니다. 따라서 DOM을 활용하면 자바스크립트로 html 태그를 객체처럼 다룰 수 있게 됩니다. 🌳 DOM 트리html은 태그들이 계층을 이루고 있습니다.그리고 이 계층 구조는 DOM에서도 반영되며 이를 DOM 트리라고 합니다.DOM 트리는 노드로 구성되어 있으며 노드들은 서로 부모/형제/자식의 관계를 가집니다. 예를 들어, 아래와 같은 코..

🌱 정의 객체란?키(key) : 값(value)의 형태로 이루어진 값들의 집합객체 안에 존재하는 키:값 형태의 쌍 전체를 프로퍼티(property, 속성)이라고 부릅니다.  🌱 생성 객체는 두 가지 방법으로 생성할 수 있습니다. 방법 1) 생성자(new 키워드)를 사용방법 2) 리터럴을 사용 예를 들어, 아래와 같은 코드가 있을 때// 방법 1) 생성자let object1 = new Object();// 방법 2) 리터럴let object2 = { name: "emma", age: 1004,};방법 1은 생성자를 활용한 방법으로 일단 빈 객체를 선언한 뒤에 필요한 프로퍼티를 추가합니다.방법 2는 {key:value} 형식으로 객체 생성과 동시에 프로퍼티를 할당합니다.  🌱 접근 객체는 두 가지..

🌱 Truthy란?참 같은 값으로 Boolean 적용 시 true가 반환되는 값입니다.Boolean(truthy_value) = true; 반대되는 개념인 falsy가 아닌 모든 값이 해당됩니다. 🌱 Falsy란?거짓 같은 값으로 Boolean 적용 시 false가 반환되는 값입니다.Boolean(falsy_value) = false;아래의 7가지 값들이 해당됩니다.let f1 = undefined;let f2 = null;let f3 = 0;let f4 = -0;let f5 = NaN; // Not a Numberlet f6 = ""; // 빈 문자열let f7 = 0n; // Big Integer참고로 [빈 배열], {빈 객체}는 truthy 값입니다. 읽어주셔서 감사합니다:)

🌱 콜백(callback) 함수콜백 함수란 다른 함수에 인자로 전달되는 함수입니다.즉, 함수의 매개변수로 또 다른 함수가 들어가는 것입니다.이때 함수에 대한 제어권도 위임되어 콜백 함수를 위임받은 코드가 자신의 내부 로직에 따라 해당 함수를 적절한 시점에 실행하게 됩니다. 예를 들어, 아래와 같은 함수가 있을 때function main(value) { // 2. main(value)의 value값에 sub가 전달되며 value(); // value() == sub()}function sub() { // 3. sub()가 실행됩니다! console.log("I'm sub.");}main(sub); // 1. sub를 main()에 넘겨주면주석에 적혀있는 것처럼 1, 2, 3 순서..