파피루스

오류 원인html 파일에서 module 타입의 js import를 한 뒤, 파일 경로로 접근하니 CORS error가 난다.Access to script at 'file:///C:/Users/블라블라블라/파일명.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted. 오류 메세지를 읽고 다시 보니, 파일 경로에는 말그대로 origin이 빠져있다. (origin = 프로토콜 + 호스트 + 포트)- https://ree..

이번 달 목표딥다이브 완독 + 정리 (45장 -14장 = 30장, 25일, 월~토 1일 2장씩)자주 쓰는 컴포넌트 만들기page navigationslider대상 : text, image버튼 클릭 시 다음 슬라이드 드래그 시 다음 슬라이드맨 끝일 때 다시 처음으로menu 좌측 햄버거 메뉴인덱스 페이지 상단 메뉴togglesign-in, sign-updropdowntab page

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..