yunicornlab

배열을 생성하는 방법 - 생성자, from, of, fill, copyWithin, with📌 생성자생성자 Array()를 통해 새로운 Array 인스턴스를 생성할 수 있다.new를 붙이지 않아도 Array()는 정상적으로 동작하지만, 일부 특수한 경우에는 new를 생략할 시 예기치 않은 결과가 나올 수 있고 명확성을 위해 new Array()를 사용하는 것이 좋다.new Array(요소들... 또는 길이) 하나의 숫자만 전달하면 길이만 설정된 빈 배열이 생성되고,여러개의 요소를 전달하면 해당 요소들로 이루어진 배열이 생성된다.매개변수 없이 new Array()만 사용하면 빈 배열이 생성된다.const arr1 = new Array(5);console.log(arr1); // [ ] (비어 있는 5칸..

배열 요소에 접근하는 방법 - at, 대괄호 표기법📌 at( )ES2022(ES13)에서 새롭게 추가된 메서드로, 대괄호 표기법과 달리 배열의 특정 요소를 가져올 때 음수 인덱스 지원이 가능하다.배열.at(index)const arr = [10, 20, 30, 40];console.log(arr.at(0)); // 10 (첫 번째 요소)console.log(arr.at(-1)); // 40 (마지막 요소)console.log(arr.at(-2)); // 30 (뒤에서 두 번째 요소)console.log(arr.at(10)); // undefined (범위를 초과)console.log(arr.at(-10)); // undefined (음수로 범위를 초과) 음수 인덱스 지원하기 때문에 arr.at..

배열 메서드를 총정리해보려고 한다.너무 많아서 어려울 거라 생각했는데 생각보다는 적어서 할 수 있을 것 같다.정리하면서 배열 메서드를 마스터 할 것이다.정리할 배열 메서드는 아래 MDN에 있는 메서드를 바탕으로 할 것이다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array - JavaScript | MDN다른 프로그래밍 언어의 배열과 마찬가지로, Array 객체는 여러 항목의 컬렉션을 단일 변수 이름 아래 저장할 수 있고, 일반적인 배열 연산을 수행하기 위한 멤버가 있습니다.developer.mozilla.org 카테고리📌 요소 접근at, 대괄호 표기법 📌 확인isArray, length ?..

기본 문법const add = (a, b) => { return a + b;};function 키워드 대신 => 기호 사용문이 두 개 이상일 경우 중괄호를 감싸면서 return을 명시해야 함 생략 가능한 상황1. 표현식 하나만 반환하는 경우 : return 생략 가능const add = (a, b) => a + b; 2. 매개변수가 하나인 경우 : 매개변수를 감싸는 괄호 생략 가능const square = x => x * x; 주의해야하는 상황1. 매개변수가 없는 경우 : 반드시 빈 괄호 작성const greet = () => "Hello!"; 2. 객체 하나를 반환하면서 return을 생략하는 경우 : 반드시 소괄호로 감싸기const getUser = () => ({ name: "Alice", age..

모던 자바스크립트 딥다이브 책에 있는 실행 컨텍스트를 공부하면서 예시로 나온 코드 일부를 Gif로 직접 만들어봤다. 실행 컨텍스트 동작 애니메이션  실행 컨텍스트 동작 세부예시 코드에는 전역 스코프에 선언된 변수 x, y와 함수 foo가 있고, 함수 foo 안에 지역 변수 x, y가 선언되어있다. 코드를 실행하면, 인터프리터가 코드를 한줄 한줄 실행하기 전에, 먼저 "평가" 단계를 거친다.큰 순서로는 "전역 코드" -> "함수 코드" 이고, 매 단계마다 "평가 단계"와 "실행 단계"로 구분되어 진행된다.평가 단계에서는 선언된 변수나 함수를 먼저 렉시컬 환경에 등록하고 (그렇기 때문에 호이스팅이 발생한다.)실행 단계에서는 인터프리터가 코드를 한 줄 한줄 실행한다. 항상 전역 코드 부터 시작한다. 그래서 "..

이번엔 자바스크립트의 멀티 패러다임 언어라는 특징에 대해 알아보자.먼저, 프로그래밍 패러다임에 대해서 알아보고, 각각의 패러다임의 특징에 대해 알아본 후에자바스크립트는 왜 멀티 패러다임 언어인 것인지에 대해 알아볼 것이다. 프로그래밍 패러다임(Programming Paradigm)이란?"패러다임"은, 어떤 한 시대 사람들의 견해나 사고를 규정하는 인식의 쳬계, 이론적 틀이나 개념의 집합체를 말한다.간단히 말해, 생각 방식을 말하는 것이다.프로그래밍 패러다임은 프로그래밍의 관점(프로그램을 어떻게 바라볼지), 프로그래밍 언어를 사용하는 방식, 접근 방식과 같은 것을 말한다.프로그래밍에 대해 알아본 글에서 말했듯이, 결국 프로그래밍이란 문제 해결 과정을 말하는 것이기 때문에프로그래밍 패러다임도 문제를 해결하기..

자바스크립트는 동적 타입 언어라는 특징이 있다.그럼 동적 타입 언어는 무엇이고, 왜 동적 타입으로 만들어졌는 지에 대해 알아보자.동적 타입 언어란?동적 타입 언어란, 프로그램 실행 중에 변수의 타입이 결정되고 변경될 수 있는 프로그래밍 언어를 말한다.1) 변수를 선언할 때 타입을 명시할 필요가 없다.동적 타입 언어 - JavaScript 예시// 자동으로 string 타입으로 결정됨let message = "Beautiful Day ~ !";// 자동으로 number 타입으로 결정됨let price = 10000; 정적 타입 언어 - Java 예시// 'int'로 정수 타입 명시int number = 10000;// 'String'으로 문자열 타입 명시String text = "Cheer Up!!";2)..

자바스크립트의 특징으로, 싱글 스레드로 동작하는 언어라는 점이 있다! 이번엔 JavaScript를 왜 싱글 스레드 언어라고 하는 지에 대해 알아보자.일단, 단어부터 이해해보자. 스레드란(Thread)?스레드란 프로세스(작업의 단위) 내에서 실행되는 흐름의 작은 단위를 말한다.하나의 프로세스는 무조건 하나 이상의 스레드를 가지며, 하나의 프로세스는 내부에 여러 개의 스레드가 포함될 수 있다.우리가 흔히 말하는 "프로그램"은 컴퓨터에서 실행할 수 있는 코드 파일을 의미하고, 프로세스는 이 프로그램이 돌아가는 상태를 말한다.즉, 실행 중인 프로그램을 프로세스라 하는데, 컴퓨터는 프로그램을 실행하게 되면 메모리와 CPU 자원을 할당받아 이용하게 된다.지금은 한 번에 여러 프로그램을 사용할 수 있는 멀티태스킹 환..

자바스크립트 언어의 대표적인 특징 중 하나인 "인터프리터 언어"라는 것에 대해서 알아보자. 컴파일러 언어 vs. 인터프리터 언어컴파일러 언어는 코드가 실행되기 전 단계인 컴파일 타임에 소스 코드 전체를 한 번에 기계어로 변환한 후에 실행하는 언어이고,인터프리터 언어는 코드가 실행되는 단계인 런타임에 문 단위로 한 줄씩 중간 코드인 바이트코드로 변환한 후에 실행하는 언어이다.컴파일러 언어는 컴파일 단계와 실행 단계가 분리되어 있고, 컴파일은 한 번만 수행되므로 실행 속도가 빠르다.인터프리터 언어는 인터프리트 단계와 실행 단계가 분리되어있지 않고, 코드가 실행될때마다 한 줄씩 인터프리트 과정이 수행되므로 코드 실행 속도가 비교적 느리다.컴파일 타임? 런타임?그런데 컴파일 타임은 뭐고 런타임은 뭘까?C언어를 ..

자바스크립트로 정렬을 하고싶을 때 기본적으로 사용할 수 있는 내장 메서드인 sort에 대해서 알아보자. arr이라는 배열에 대해 오름차순은 arr.sort((a, b) => a - b) 내림차순은 arr.sort((a, b) => b - a) 이렇게만 외우고 사용하다보니 왜 이렇게 되는건지, 다른 정렬 기준을 사용하려면 어떻게 해야하는지 활용이 잘 안됐다. 그래서 "왜", "어떻게" sort 함수를 사용할 수 있을지 정리해보았다. MDN 설명https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort Array.prototype.sort() - JavaScript | MDNsort() 메서드는 배열의 요소를..