loading
본문 바로가기

Language/JavaScript10

[JS] 10. 클래스 [JS] 10. 클래스     📚 Table of Contents     01. prototype프로토타입(prototype)은 자바스크립트의 객체 지향 프로그래밍의 핵심 개념입니다.이는 객체들 사이에서 속성과 메서드를 공유하는 메커니즘을 제공합니다. 주요 특징:상속 : 객체는 프로토타입으로부터 속성과 메서드를 상속받습니다.메모리 효율성 : 여러 객체가 동일한 프로토타입을 공유하여 메모리를 절약합니다.동적 수정 : 프로토타입은 런타임에 수정할 수 있어 유연성을 제공합니다.프로토타입 체인:객체의 프로퍼티나 메서드를 찾을 때, 자바스크립트 엔진은 해당 객체에서 시작하여 프로토타입 체인을 따라 올라가며 검색합니다. prototype 속성을 통해 새로운 메서드를 추가할 수 있습니다. 이를 통해 모든 인스턴스가.. 2024. 10. 22.
[JS] 09. 함수 [JS] 09. 함수     📚 Table of Contents     01. 선언과 표현 그리고 호이스팅호이스팅 ( Hoisting )호이스팅은 JavaScript에서 변수와 함수 선언을 코드의 최상단으로 끌어올리는 동작을 말합니다. 함수 호이스팅의 주요 특징은 다음과 같습니다:함수 선언문은 전체가 호이스팅됩니다.함수를 선언하기 전에 호출할 수 있습니다.함수 표현식은 호이스팅되지 않습니다.호이스팅은 코드의 가독성과 유지보수성에 영향을 줄 수 있으므로 주의해서 사용해야 합니다.호이스팅은 JavaScript 엔진이 코드를 실행하기 전에 변수와 함수 선언을 메모리에 저장하는 과정에서 발생합니다. 이로 인해 코드의 실행 순서가 예상과 다르게 동작할 수 있습니다.함수 선언문함수 선언문에서는 작동hello()f.. 2024. 10. 21.
[JS] 08. 조건문, 반복문 [JS] 08. 조건문, 반복문     📚 Table of Contents     01. 조건문if 조건문if 조건문은 주어진 조건이 참인 경우에만 코드 블록을 실행합니다.조건이 거짓이면 코드 블록은 실행되지 않습니다.if (조건) { // 조건이 참일 때 실행}if (조건) { // 조건이 참일 때 실행} else { // 조건이 거짓일 때 실행}if (조건) { // 조건이 참일 때 실행} else if (조건2) { // 조건이 거짓이고 조건2가 참일 때 실행} else { // 조건과 조건2가 모두 거짓일 때 실행}switchswitch 문은 여러 가지 경우에 따라 다른 코드 블록을 실행할 때 사용됩니다.switch 문은 주어진 표현식의 값을 평가하고, 그 값과 일치하는 case 레이.. 2024. 10. 18.
[JS] 07. 구조 분해 할당, 선택적 체이닝 [JS] 07. 구조 분해 할당, 선택적 체이닝     📚 Table of Contents     01. 구조 분해 할당구조 분해 할당은 배열이나 객체의 요소를 변수에 쉽게 할당할 수 있는 방법입니다.배열 구조 분해 할당배열의 요소를 변수에 할당할 때, 다음과 같이 작성할 수 있습니다.const arr = [1, 2, 3, 4, 5]//const a = arr[0]//const b = arr[1]//const c = arr[2]let a, b, c, rest;[, b, c, ...rest] = arr // 사용하지 않는 데이터는 쉼표로 구분console.log(b, c) // 2 3console.log(rest) // [4, 5]객체 구조 분해 할당객체의 속성을 변수에 할당할 때, 다음과 같이 작성할 .. 2024. 10. 17.
[JS] 06. 연산자 [JS] 06. 연산자     📚 Table of Contents     01. 산술, 할당, 증감 연산자산술(Arithmetic) 연산자산술 연산자는 숫자를 다루는데 사용되며, 주로 더하기( + ), 빼기( - ), 곱하기( * ), 나누기( / ) 등의 연산을 수행합니다.이러한 연산자들은 숫자형 데이터를 대상으로 하며, 결과값도 숫자형 데이터입니다. 예를 들어, 5 + 3은 8을 반환합니다. 이외에도 나머지(%) 연산자를 사용하여 나머지 값을 구할 수 있고, 거듭제곱(**) 연산자를 사용하여 거듭제곱을 구할 수 있습니다.console.log(1 + 2)console.log(5 - 7)console.log(3 * 4)console.log(10 / 2)console.log(7 & 5) // 비트 연산자.. 2024. 10. 15.
[Js] 05. 데이터 etc [Js] 05. 데이터 etc     📚 Table of Contents     01. 동등, 일치 연산자동등 연산자동등 연산자 ==는 두 값이 같으면 true를 반환합니다. 그러나, 이 연산자는 타입을 검사하지 않습니다.예를 들어, 숫자 5와 문자열 "5"를 비교하면 true를 반환합니다.console.log(5 == "5"); // true일치 연산자일치 연산자 ===는 동등 연산자와 유사하지만, 타입도 검사합니다.따라서, 숫자 5와 문자열 "5"를 비교하면 false를 반환합니다.console.log(5 === "5"); // false따라서, 정확한 비교를 위해 일치 연산자 ===를 사용하는 것이 좋습니다.02. 참과 거짓(Truthy & Falsy)대부분의 데이터들은 Truthy 에 속합니다... 2024. 10. 14.
[JS] 04. 참조형 데이터 [JS] 04. 참조형 데이터     📚 Table of Contents     01. 참조형 데이터자바스크립트의 참조형 데이터는 다음과 같습니다:객체 (Object):키-값 쌍으로 구성된 데이터 구조입니다.중괄호 {}로 선언합니다.배열 (Array):순서가 있는 데이터 집합입니다.대괄호 []로 선언합니다.함수 (Function):재사용 가능한 코드 블록입니다.function 키워드나 화살표 함수로 선언합니다.날짜 (Date):날짜와 시간 정보를 다루는 객체입니다.정규표현식 (RegExp):문자열 패턴을 표현하는 객체입니다.참조형 데이터는 메모리에 참조 주소가 저장되며, 가변성을 가집니다. 즉, 데이터의 내용을 변경할 수 있습니다.02. Array배열(Array)은 JavaScript에서 여러 개의 값.. 2024. 10. 11.
[JS] 03. 프로젝트 구성, 원시형 데이터 [JS] 03. Js 프로젝트 구성, 원시형 데이터     📚 Table of Contents     01. 프로젝트 구성ECMAhttps://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8 ECMA스크립트 - 위키백과, 우리 모두의 백과사전위키백과, 우리 모두의 백과사전. ECMA스크립트(ECMAScript, 또는 ES[1])란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표ko.wikipedia.org ECMA스크립트(ECMAScript, 또는 ES)란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는.. 2024. 10. 10.
[JS] 02. NPM 및 프로젝트 생성 [JS] 02. NPM 및 프로젝트 생성     📚 Table of Contents     01. NPM 개요 NPM (Node Package Manager)은 전 세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리하는 Node.js의 기본 패키지 관리자입니다. 다음은 NPM의 주요 특징과 기능입니다:패키지 관리: JavaScript 라이브러리와 도구를 쉽게 설치, 업데이트, 제거할 수 있습니다.의존성 관리: 프로젝트의 의존성을 자동으로 관리하고 해결합니다.스크립트 실행: package.json 파일에 정의된 스크립트를 실행할 수 있습니다.버전 관리: 패키지의 버전을 세밀하게 제어할 수 있습니다.보안: 취약점 검사 및 패키지 무결성 확인 기능을 제공합니다.패키지 게시: 개발자가 자신의 패키지를.. 2024. 10. 8.
[JS] 01. JavaScript, Node.js 란? [JS] 01. JavaScript, Node.js 란?     📚 Table of Contents     01. JavaScript 란? JavaScript는 웹 브라우저에서 동작하는 스크립트 언어로, 웹 페이지를 동적으로 만들고 사용자와 상호작용할 수 있게 해주는 프로그래밍 언어입니다. 다음은 JavaScript의 주요 특징입니다:클라이언트 사이드 스크립팅: 주로 웹 브라우저에서 실행되어 웹 페이지의 동적인 기능을 구현합니다.객체 지향 프로그래밍: 프로토타입 기반의 객체 지향 언어로, 클래스와 상속을 지원합니다.이벤트 기반 프로그래밍: 사용자 동작이나 시스템 이벤트에 반응하여 코드를 실행할 수 있습니다.동적 타이핑: 변수의 타입을 선언할 필요 없이 자동으로 타입이 결정됩니다.함수형 프로그래밍: 함수.. 2024. 10. 7.