JavaScript 심화 호이스팅·TDZ부터 생성자 함수까지, 기초를 ‘심화 관점’으로 다시 잡기 변수 선언/실행 시점/객체 생성 흐름을 정리하고, 이후 파트(클로저·this·비동기)를 위한 기반을 만듭니다. 형태 요약노트 대상 심화 입문 포커스 실무에서 헷갈리는 지점 그림 1. 호이스팅과 TDZ(요약) 그림 2. new 생성자 함수의 내부 흐름 변수 선언: var / let / const 핵심만 정리 심화 과정의 첫 출발은 변수 선언과 실행 시점입니다. 특히 시험/면접/실무에서 자주 헷갈리는 부분이 호이스팅(hoisting)과 TDZ(Temporal Dead Zone)이므로, 여기만 정확히 잡아두시면 이후 개념(클로저/this/비동기)을 이해하기가 훨씬 쉬워집니..

JavaScript 기초 요약 자바스크립트 기초 5: 객체·this·배열(메서드) Object/Array this 다음 단계 안내 12) 객체(Object) — 키/값으로 데이터를 묶어 관리합니다 서로 연관된 값을 하나로 묶고 싶을 때 객체가 가장 자주 쓰입니다. const user = { name: "철수", age: 20,};console.log(user.name); // 점 표기법console.log(user["age"]); // 대괄호 표기법 언제 대괄호 표기법을 쓰나요? 키가 변수로 들어오거나(동적), 공백/특수문자가 포함된 키를 다룰 때 유용합니다. 13) 메서드(method)와 this — “호출 방식”이 핵심입니다 메서드로 호출할 때 this..

JavaScript 기초 요약 자바스크립트 기초 4: 함수 선언부터 화살표 함수까지, 한 번에 정리해 보겠습니다 함수 arrow function 코드 구조화 10) 함수(function)의 기초 — “입력 → 처리 → 출력”으로 생각하시면 편합니다 함수의 매개변수/본문/return/호출 흐름을 정리했습니다. 기본 문법 function sayHello(name) { return `안녕하세요, ${name}님`;}const msg = sayHello("철수"); return이 없는 경우 function logOnly(x) { console.log(x);}const r = logOnly(10); // r === undefined 실무 팁 함수는 “한 가지 역할”만 하도록 작게 ..

JavaScript 기초 자바스크립트 기초 3: 반복문(for/while)과 switch를 실수 없이 쓰는 방법 제어문 반복/분기 실수 방지 8) 반복문 — for / while / do...while 반복문은 “언제 끝나야 하는지”를 명확히 만드는 것이 핵심입니다. 종료 조건이 명확하지 않으면, 무한 루프나 성능 이슈로 이어질 수 있습니다. for 루프의 기본 흐름(초기화→조건→본문→증감→조건)을 그림으로 정리했습니다. 대표 패턴 // 1) for: 횟수가 명확할 때for (let i = 0; i break / continue break: 반복 종료 continue: 이번 회차만 건너뛰고 다음 회차로 9) switch — 케이스가 많은 분기..

JavaScript 기초 요약 자바스크립트 기초 2: 연산자·비교·조건문·논리 연산 조건 로직 쇼트서킷 실전 패턴 5) 기본 연산자 — 계산뿐 아니라 “문자열 결합”도 자주 나옵니다 산술: +, -, *, /, % 대입/복합대입: =, +=, *= … 증감: ++, -- (전위/후위 차이를 의식하시면 좋습니다) let n = 10;n += 3; // 13n++; // 14"10" + 3 // "103" (문자열 결합)"10" - 3 // 7 (숫자로 변환되어 계산) 실무 팁 더하기(+)는 문자열 결합으로도 쓰이기 때문에, 숫자 계산을 의도한다면 Number()로 먼저 변환해 두시면 안전합니다. 6) 비교 연산자와 조건문 ..