[JS] 배열 (Array)

배열이란?배열은 순서가 있는 데이터 집합이다.배열의 각 요소(element, 프로퍼티 리터럴)는 인덱스(프로퍼티 키)로 접근한다.length 프로퍼티를 가지며, 배열 길이보다 큰 index 접근은 undefined이다.자바스크립트 배열은 비균질적(nonhomogeneous)이며, 다른 배열/객체(함수)등 어떤 타입도 가능하다.촘촘한(dense, 고정 위치/크기) 배열이 아니다.희소 배열(sparse array) 자료 구조이다.배열(Array) 메소드에는 순수 함수와 비 순수함수 모두를 포함하고 있다. 배열 만들기const a = Array(3); // ⇔ new Array(3) ⇔ [,,,]const ar2 = Array(5).fill(1); // 길이 5인 배열을 1로 채우기Array.of(litera..

• format_list_bulleted Dev/Javascript
• · 2025. 4. 15.
• textsms

[JS] this관련 예제 파헤치기

globalThis.name = 'Global Name';const obj = { name: 'Obj Name', printName() { console.log(this.name); },};const printName = obj.printName;// obj = null;printName();// 정답: 'Global Name'이 출력된다 this!!우선적으로 알아야 할것은 this는 렉시컬 스코프처럼 동작하지 않는다!!!this는 렉시컬 스코프와 다르게 함수가 어디서 호출되었는지에 따라 결정된다. 함수 호출방식에 따른 this실행되는 함수의 종류브라우저node함수 선언문function(){}FunctionDeclaration에 로 등록bind 한 객체bind하지 않았다면 전역([[global..

• format_list_bulleted Dev/Javascript
• · 2025. 4. 11.
• textsms

[JS] 객체와 프로퍼티

객체와 프로퍼티에 관련된 예제 모음집 Array 예제in 을 사용하여 index 값 출력하기const arr = [100, 200, 300, 400, 500, 600, 700];for (let i in arr) { console.log(i);}in을 사용하여 property 값 출력하기for (let i in arr) { console.log(i, arr[i]);} of를 사용하여 property 값 출력하기for (let i of arr) { console.log(i);} Object 예제in을 사용하여 key값 출력하기const obj = { name: "Kim", addr: "Yongsan", level: 1, role: 9, receive: false };for (let i in obj) {..

• format_list_bulleted Dev/Javascript
• · 2025. 4. 10.
• textsms

[JS] 피보나치 수열 구현하기

Loof 로 피보나치 구현하기// 배열 이용function loofFibo(n) { arr = [0, 1]; for (i = 2; i   재귀로 피보나치 구현하기function recurFibo(n) { if (n loof 구조에 비해 직관적이고 코드가 꽤나 짧다효율과 성능은 loof 구조가 더 좋지만 직관적이고 코드가 짧다는 장점이 실무에서 재귀를 많이 쓰는 이유가 된다고 한다. Memoized 를 이용하여 피보나치 구현하기//처음에 구현한 코드function memoized(fn) { const memoizedTable = {}; return function B(k) { return memoizedTable[k] ?? (memoizedTable[k] = fn(k)); };}const ..

• format_list_bulleted Dev/Javascript
• · 2025. 4. 10.
• textsms

[JS] 스코프

스코프란?각 식별자들의 유효 범위이다. (Global Scope / Function Scope / Block Scope)cf. Module, eval('var x') Lexical scope (렉시컬 스코프)함수를 어디서 호출하는지가 아니라 어디에 선언하였는지에 따라 결정되는 것이다.즉, 함수를 어디서 정의하였는지에 따라 상위 스코프를 결정한다는 뜻이다."실행 시점"이 아니라, "선언 시점"에 스코프가 정해진다는 게 핵심. 다른 말로, 정적 스코프(Static scope)라 부르기도 한다. cf. Dynamic scope와의 비교렉시컬 스코프가 아닌 언어에서는 "어디서 호출되었는지" 기준으로 변수 스코프를 찾는다.그걸 동적 스코프라고 한다. (호출된 시간 기반) 자바스크립트는 오직 렉시컬 스코프만 지원한..

• format_list_bulleted Dev/Javascript
• · 2025. 4. 8.
• textsms

[JS] 실행 컨텍스트

실행 컨텍스트란?코드가 실행될 때마다 생성되는 환경(상자)를 의미한다.이 상자안에는 코드가 실행될 때 필요한 모든 정보가 담겨있다. 예를 들어, 어떤 함수가 실행된다면 그 함수만의 실행 컨텍스트가 생성된다.이 컨텍스트들은 Call Stack(= Execution Context Stack) 에 쌓이며 실행된다. 실행 컨텍스트가 만들어지는 경우전역 코드가 실행될때 전역 실행 컨텍스트가 생성된다.함수가 호출 될 때마다 함수 실행 컨텍스트가 생성된다.eval 코드 실행 시 모듈 코드 실행 시 실행 컨텍스트의 구성✔️ 실행 컨텍스트의 핵심적인 구성요소 : Lexical Environment (렉시컬 환경)실행 컨텍스트가 참조하는 가장 중요한 데이터 구조내부 구조는 다음과 같다.EnvironmentRecord (E..

• format_list_bulleted Dev/Javascript
• · 2025. 4. 8.
• textsms