yunicornlab

계기npm에는 수많은 패키지 라이브러리들이 있다.https://www.npmjs.com/ npm | HomeBring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Javawww.npmjs.com 프로젝트 중 라이브러리 또는 프레임워크를 선택할 때 아래 npmtrends 사이트를 참고하곤 했다.(아래는 예시) 그러면서..

배열을 생성하는 방법 - 생성자, 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 ?..

문제N x N 크기의 2차원 배열을 생성하려고 아래와 같이 코드를 작성했다.let grid = Array.from({ length: N }).fill( Array.from({ length: N }).fill(0)); 그런데 웬걸, grid[0][0] = 1을 했더니 모든 행의 grid[i][0]도 1로 변하는 문제가 생겼다.문제는 fill() 메서드에 있었다.fill()로 배열 안에 배열을 생성하면 얕은 복사가 되어 모든 행이 동일한 배열을 참조하게 되는 것이다. 수정먼저 결론을 말하자면, 이런 문제가 발생되지 않기 위해 각 행을 개별적으로 생성해야한다. 올바르게 수정한 코드는 아래와 같다.let grid = Array.from({ length: N }, () => Array.from({ l..