이 글은 드림코딩 유튜브 강의를 보며 학습한 내용을 정리한 JavaScript 복습 노트입니다. 1. 객체(Object)객체는 JavaScript에서 관련된 데이터와 기능을 묶어서 관리하는 데이터 타입입니다. 즉, 하나의 개체(Entity)를 표현하는 방식으로, 여러 속성(데이터)과 메서드(기능)를 포함할 수 있습니다. 📌 객체는 key: value 형태로 구성되며,. 또는 [] 표기법으로 접근할 수 있습니다.const obj1 = {}; // 'object literal' (객체 리터럴) 문법const obj2 = new Object(); // 'object constructor' (객체 생성자) 문법객체 리터럴 {} vs 객체 생성자 new Object(){} 리터럴 방식이 더 직관적이고 간결하여..

이 글은 드림코딩 유튜브 강의를 보며 학습한 내용을 정리한 JavaScript 복습 노트입니다1. 객체 지향 프로그래밍(OOP) 개념객체 지향 프로그래밍(OOP, Object-Oriented Programming)은 코드를 객체 단위로 구성하여 재사용성과 유지보수성을 높이는 방식입니다.객체(Object)속성(property)과 동작(method)를 가지는 데이터 구조입니다.const car = { brand: 'Tesla', speed: 200, drive: function () { console.log('Driving fast!'); }};클래스(Class)객체를 생성하기 위한 템플릿(template) 입니다.JavaScript에서는 ES6(ECMAScript 2015) 에서 도입되었습니다..

이 글은 드림코딩 유튜브 강의를 보며 학습한 내용을 정리한 JavaScript 복습 노트입니다.1. 함수란? (Function)✅ 함수(Function)함수는 특정 작업을 수행하거나 값을 계산하는 코드 블록입니다.프로그래밍에서 가장 중요한 요소 중 하나이며, 재사용 가능하기 때문에 코드의 효율성을 높여줍니다.✅ 왜 함수를 사용할까?코드의 재사용같은 기능을 여러 번 작성하지 않고 한 번 정의한 함수를 반복해서 사용할 수 있음.가독성 향상코드가 모듈화되어 구조가 깔끔해지고 이해하기 쉬워짐.유지보수 용이함수로 분리하면 특정 기능을 쉽게 수정 가능.2. 함수 선언과 호출 (Function Declaration & Call)✅ 함수 선언하기JavaScript에서 함수를 선언하는 기본적인 방법입니다.function..

이 글은 드림코딩 유튜브 강의를 보며 학습한 내용을 정리한 JavaScript 복습 노트입니다.1. 문자열 연결 (String Concatenation)JavaScript에서 문자열을 결합하는 방법은 여러 가지가 있습니다.console.log('my' + ' cat'); // 문자열 연결 → "my cat"console.log('1' + 2); // 숫자가 문자열로 변환되어 연결됨 → "12"console.log(`string literals: 1 + 2 = ${1 + 2}`); // 템플릿 문자열 사용 → "string literals: 1 + 2 = 3"✅ 문자열 연결의 주요 특징+ 연산자를 사용하면 문자열을 결합할 수 있음.숫자와 문자열을 함께 사용하면 자동으로 문자열로 변환됨.백틱( )을 사용한 ..

이 글은 드림코딩 유튜브 강의를 보며 학습한 내용을 정리한 JavaScript 복습 노트입니다.  1. 변수 선언 (let vs var vs const)JavaScript에서 변수를 선언하는 방법에는 let, const, var가 있습니다.📌 Hoisting (호이스팅)JavaScript에서 변수와 함수 선언이 코드 실행 전에 메모리에 미리 할당되는 동작을 의미.즉, 변수와 함수 선언이 코드의 최상단으로 끌어올려지는 것처럼 동작함.1️⃣ 변수 Hoistingvar → 호이스팅 O (초기값 undefined)let, const → 호이스팅 O (하지만 TDZ 때문에 초기화 전 접근 불가 → 오류 발생)2️⃣ 함수 Hoisting함수 선언문 (function foo() {}) → 완전히 호이스팅 (호출 가..

이 글은 드림코딩 유튜브 강의를 보며 학습한 내용을 정리한 JavaScript 복습 노트입니다. JavaScript란?JavaScript(자바스크립트)는 웹 페이지에 동적인 기능을 추가하는 프로그래밍 언어입니다.HTML과 CSS가 웹 페이지의 구조(HTML)와 디자인(CSS)을 담당한다면,JavaScript는 사용자와의 상호작용(Interaction)을 담당합니다.✅ JavaScript의 주요 특징인터프리터 언어코드를 한 줄씩 해석하며 실행 (컴파일 과정이 없음).동적 타입 (Dynamic Typing)변수 선언 시 데이터 타입을 지정할 필요 없음 (var, let, const 사용).이벤트 기반 프로그래밍사용자의 행동(클릭, 입력 등)에 따라 코드 실행 가능.비동기 처리 지원 (Asynchronous ..