늘 겸손하게

fetch 자바스크립트로 서버나 다른 주소의 데이터를 가져오고 싶을 때 사용하는 메서드 fetch 메서드로 네트워크를 통해 요청을 보내고 응답을 받아올 수 있다. 기본 문법 1 let promise = fetch(url, [options]); cs url : 접근하고자 하는 URL options : 선택 매개변수, method나 header options에 아무것도 넣지 않으면 요청은 GET 메서드로 진행. fetch()를 호출하면 브라우저는 요청을 보내고 프라미스가 반환됩니다. 응답은 두 단계를 거쳐 진행됩니다. 1 단계 먼저, 서버에서 응답 헤더를 받자마자 반환된 promise가 내장 클래스 Response의 인스턴스와 함께 이행 상태가 됩니다. 이 단계는 아직 본문(body)가 도착하기 전이지만, ..

디스트럭처링은 배열, 객체에서 사용 가능한 자바스크립트 문법이다. 배열 혹은 객체 내부의 값을 변수에 쉽게 할당 가능하다. 1. 배열 1 2 3 4 5 6 const arr = [1, 2, 3]; const [one, two, three] = arr; console.log(one, two, three); // 1 2 3 Colored by Color Scripter cs 디스트럭처링 할당을 위한 변수에 디폴트값을 지정할 수도 있다. 1 2 3 4 5 6 const arr = [1, 2]; const [one, two, four = 4] = arr; console.log(one, two, four); // 1 2 4 Colored by Color Scripter cs 2. 객체 할당 기준은 '프로퍼티 키'..

둘 다 주어진 인자가 유한(finite)한지 판단하는 메소드이지만 빌트인 전역 함수 isFinite는 전달받은 인수를 숫자로 암묵적 타입 변환하여 검사를 수행하지만 Number.isFinite는 주어진 인수를 숫자로 암묵적 타입 변환하지 않는 차이가 있다. 1 2 3 console.log(Number.isFinite(null)); // false console.log(isFinite(null)); // true cs isFinite에서 null은 암묵적으로 0으로 변환되어 true가 반환되지만 Number.isFinite에서 null은 암묵적 변환이 일어나지 않아 false가 반환된다.

자바스크립트 배열의 요소 제거하는 법을 알아보자. 1. delete 연산자 자바스크립트 배열은 객체이기 때문에 배열의 특정 요소는 프로퍼티이다. 그러므로 delete 연산자를 이용해 배열의 특정 요소를 삭제할 수 있다. 1 2 3 4 5 6 7 const arr = [1, 2, 3]; delete arr[1]; console.log(arr); // [ 1, , 3 ] console.log(arr.length); // 3 cs 하지만 length에 변화를 주지는 못한다. 즉, 희소배열이 된다. 2. splice 희소배열을 만들지 않고 특정 요소만을 제거한 배열을 만들고 싶은 경우 활용하면 좋은 메소드 1 2 3 4 5 6 7 const arr = [1, 2, 3]; arr.splice(1, 1); cons..