목록Client/Javascript (4)
새발블로그
1. 생성자 함수 & 인스턴스function Person(name) { this.name = name; // 인스턴스 개별 속성}const p1 = new Person("Alice");const p2 = new Person("Bob");console.log(p1.name); // Aliceconsole.log(p2.name); // Bobnew Person("Alice") 실행 시,새로운 객체가 만들어지고,this.name이 해당 인스턴스에 설정됨.즉, 각 인스턴스는 독립적인 속성을 가짐.하지만 모든 인스턴스가 같은 함수(메서드)를 개별적으로 가지면 메모리 낭비가 심함.→ 해결책이 프로토타입!2. 프로토타입이란?모든 자바스크립트 객체는 숨겨진 __proto__ 링크를 가지고 있다.이 링크를 통해 프로토..
동기(Synchronous)란?동기 방식은 작업이 순차적으로 처리되는 방식한 작업이 끝나야 다음 작업이 실행됩니다.console.log("1");console.log("2");console.log("3");// 출력: 1 → 2 → 3-> 간단하고 직관적이지만, 하나의 작업이 오래 걸리면 전체 흐름이 멈춰버리는 단점이 있습니다. 비동기(Asynchronous)란?비동기 방식은 작업이 병렬적으로 처리되는 방식시간이 오래 걸리는 작업은 백그라운드에서 처리되고, 나머지 코드는 계속 실행됩니다.console.log("1");setTimeout(() => { console.log("2");}, 1000);console.log("3");// 출력: 1 → 3 → 2-> 기다리지 않고 다음 작업을 먼저 처리하는 구..
자바스크립트 특징인터프리터 언어: 실행 시 한 줄씩 해석하여 실행웹 브라우저에 내장된 JS 엔진이 실행예: Chrome(V8), Safari(JavaScriptCore)동기(Synchronous) & 비동기(Asynchronous) 처리 모두 가능확장성 뛰어남 → 타입스크립트(TypeScript)로 확장 가능 (정적 타입 지원) JS 코드 작성 방식방식설명내부 JSHTML 클릭 자료형(Data Types)원시 타입 (Primitive): Number, String, Boolean, undefined, null, Symbol, BigInt참조 타입 (Reference): Object, Array, Function 등let a = 10;let b = "hello";let c = true;let d = nul..