일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 내일배움캠프
- 코드카타
- SSR
- 초기셋팅
- 구글 로그인
- vscode
- 모던 자바스크립트
- 코딩테스트
- array정적메서드
- deep dive
- 리터럴
- 프로젝트 셋팅
- useRouter
- 소셜 로그인
- 셋팅
- 모던자바스크립트
- nextjs
- 코테
- git
- js
- Next
- world it show
- OAuth
- vercel
- domain
- 프로그래머스
- WIS
- React
- 자주 까먹는
- 스파르타코딩클럽
- Today
- Total
목록전체 글 (131)
하루 기록
Array.concat() 두 개 이상의 배열을 병합합니다. 기존 배열을 변경하지 않고 새 배열을 반환한다. 구문concat(arr1, arr2, .... arr3);매개변수- [필수] arrN: 새 배열로 연결할 배열 및/또는 값입니다. 모든 매개변수가 생략된 경우, concat은 호출된 기존 배열의 얕은 복사본을 반환합니다.반환값 : 새로운 Array 객체사용 예시const array1 = ['a', 'b', 'c'], array2 = ['d', 'e', 'f'];console.log(array1.concat(array1)); // ['a', 'b', 'c', 'a', 'b', 'c']console.log(array1.concat(array2)); // [..
Array.at() 배열 내의 요소에 접근한다. index는 양수와 음수 모두 사용할 수 있으며, 음의 정수는 배열의 마지막 항목부터 셀 수 있다. 구문Array.at(index)매개변수- [필수] index : 반환할 배열요소의 인덱스 (0부터 시작)반환값 : index 위치에 있는 요소사용 예시const arr = [5, 12, 8, 130, 44];arr.at(0); // 5arr.at(-1); // 44 arr.at(-1)은 arr[arr.length-1)과 같은 의미로, 좀더 간편하게 사용할 수 있다. 객체에서 at()const arrayLike = { length: 2, 0: "a", 1: "b", 2: "c", // leng..
스코프(Scope, 유효범위)는 식별자가 유효한 범위를 말하며, 전역(global)과 지역(local) 두가지로 구분된다.말 그대로 전역은 코드의 가장 바깥 영역이다. 전역에 선언한 변수는 어디에서든 참조할 수 있는 값이 된다.전역과 반대로 지역은 함수 내부를 말한다. 지역변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다. var a = "전역변수 aaa^_^a"; var b = "전역변수 bbb^_^b";function outer () { var c = "아우터 안의 C"; console.log(a); // "전역변수 aaa^_^a"; console.log(b); // "전역변수 bbb^_^b"; console.log(c); // "아우터 안의 ..
(4) Array.of()Array.of() 메서드는 인자의 수나 유형에 관계없이 가변 인자를 갖는 새 Array 인스턴스를 만듭니다. 구문Array.of(element0[, element1[, ...[, elementN]]])매개변수[필수] arrayLike : 배열로 변환할 객체[선택] mapFn : (element, index) => { return A; }[선택] thisArg : mapFn 실행 시의 this 값반환값 : new Array 인스턴스사용 예시Array.of(7); // [7]Array.of(1, 2, 3); // [1, 2, 3] Array(7); // [ , , , , , , ] : 비어있는 길이 7의 배열Array(1, 2, ..
(3) Array.isArray()구문Array.from(value);매개변수[필수] value : array인지 확인할 값반환값 : true or false배열 리터럴 이나 Array 생성자로 만들어진 경우 true, 그외 false사용 예시console.log(Array.isArray([1, 3, 5])); // Expected output: true console.log(Array.isArray('[]')); // Expected output: false 메모 : instanceof vs. Array.isArray()Array 인스턴스를 확인할 때 Array.isArray() 를 사용하는 것이 좋다.- xArray의 경우 Array.isArray(arr) // tru..
(2) Array.fromAsync()비동기 순회 가능, 순회 가능, 또는 유사 배열 객체에서 얕게 복사된 새로운 Array 인스턴스를 만듭니다. 구문Array.from(arrayLike, mapFn, thisArg);매개변수[필수] arrayLike : 배열로 변환할 객체[선택] mapFn : (element, index) => { return A; }[선택] thisArg : mapFn 실행 시의 this 값반환값 : 이행 값이 새 Array 인스턴스인 새로운 Promise입니다.사용 예시const asyncIterable = (async function* () { for (let i = 0; i await new Promise((resolve) => setTimeout(resol..
주기적으로 windows키나 alt + tab 이 먹통이 되어 스트레스.. 드디어 원인 찾음-> https://www.fmkorea.com/4688337416 "알트탭 윈도우키 안됨"알트탭 윈도우키가 먹통이라구글에 "알트탭 윈도우키 안됨" 검색해서해결 방법 하나하나 따라하면서 1시간 동안 해결하려 노력해봤는데결국 실패함그러다가 어느 글을 보게 되는데..체리키보www.fmkorea.com Fn + F9 으로 윈도우키 잠금 기능이 있었다
정적 메서드란 객체 인스턴스화 하지 않아도 호출 할 수 있는 메서드를 말한다.인스턴스를 이용한 메서드(동적 메서드)는 '변수.메서드'와 같은 형태, 정적 메서드는 이용할 '타입.메서드'로 이용한다.// 동적 메서드 : 객체 인스턴스를 이용해 접근해야 함new Array(1,2,3).foreach( .... ); // 생성자를 이용해 객체 인스턴스를 생성 -> 객체를 통해 foreach문 이용// 정적 메서드 : 객체 인스턴스가 없이도 접근할 수 있음Array.from(...); // Array 객체 생성 없이도 이용 가능 Javascript 의 Array객체에는 총 네가지의 정적 메서드가 있다. (1) Array.from(object)(..