탁월함은 어떻게 나오는가?

해체 할당(구조 분해 할당)이란? 아래는 MDN Web Docs에서 정의되어 있는 내용이다. 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. 개발을 하다 보면 함수에 객체나 배열을 전달해야 하는 경우가 생긴다. 가끔은 객체나 배열에 저장된 데이터 전체가 아닌 일부만 필요한 경우가 생기기도 한다. 이럴 때 객체나 배열을 변수로 '분해'할 수 있게 해주는 특별한 문법이 해체 할당(destructuring assignment)을 사용할 수 있다. 이 외에도 함수의 매개변수가 많거나 매개변수 기본값이 필요한 경우 등에서 구조 분해는 진가를 발휘하게 된다. 예를 들어보자. 여러 장의 사진을 전달해 값을 HTML 문자열로 변환하려면 ..

Default Parameters MDN 정의 기본값 함수 매개변수 (default function parameter)를 사용하면 값이 없거나 undefined가 전달될 경우 이름붙은 매개변수를 기본값으로 초기화할 수 있습니다. Defaluit Parameters 를 사용해야 하는 이유 우리는 계획을 세우고 프로젝트를 시작하다보면 상황은 무수하게 많이 달라진다. 고객의 요청사항이 달라질 수도 있고 다양한 이유가 생기기 때문이다. 특히, 함수 매개변수의 경우가 무수하게 많이 변하는 경우가 생긴다. 처음 함수를 작성할 때는 몇 가지 매개변수로 충분하다. 그렇지만 코드가 늘어나고 예외적인 경우가 늘어나기 시작한다면, 맨 처음의 매개변수로는 문제를 다 처리할 수 없게 된다. 자바스크립트의 함수의 특성상 모든 매..

자바스크립트로 코딩을 하다보면 배열을 무수하게 많이 사용하게 된다. 더불어 배열은 데이터를 다룰 때 엄청난 수준의 유연성을 제공한다. 그렇지만 배열에는 수많은 메서드가 있으므로 혼란스럽거나 조작(mutation)과 부수 효과(side efect)로 인한 문제에 맞닥뜨릴 수 있다. 하지만, 펼침 연산자를 사용하면 최소한의 코드로 배열을 빠르게 생성하고 조작할 수 있게 된다. 펼침 연산자의 기능은 단순하다. 배열에 포함된 항목을 모곡으로 바꿔준다. 목록은 매개변수 또는 새로운 배열을 생성할 때 사용할 수 있는 일련의 항목이다.그리고 이런 이점들은 단순히 배열에만 국한되지 않는다. 맵 컬렉션, 함수의 매개변수, 제너레이터를 이용하는 데이터 구조나 클래스 속성에도 사용이 가능하다. 간단한 배열에 펼침연산자를 사..

자바스크립트를 사용하면서 배열을 사용할 경우가 많다. 특히나, 배열을 조작하기 위해 흔히 사용하는 push()메서드를 생각해보자. push() 메서드의 경우는 새로운 항목을 기존 배열 뒤에 추가해 원본배열을 변경하게 된다. 즉, 원본 배열을 조작하게 되는 것이다. 하지만 펼침연산자(...)을 이용하면 원본 배열이 조작되는 부수 효과를 방지할 수 있다. 모던 자바스크립트에서는 상당수가 함수형 프로그래밍 형식을 취하기 때문에 부수효과와 조작이 없는 코드를 지향해야 한다. push() 사용 예) - 원본배열이 수정되는것을 볼 수 있다. 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 32 33 34 35 36..

자바스크립트에서 코드를 하다보면 배열의 앞부분과 뒷부분의 값을 넣거나 뺄 경우가 생긴다. 그럴때 헷갈림을 방지하기 위한 사진이다. 베타존 : 네이버쇼핑 스마트스토어 나를 꾸미다 - 인테리어소품 베타존 smartstore.naver.com

우리는 JavaScript를 사용하다 보면 map을 다양하게 그리고 빈번하게 사용하는 경우가 많다. 우리가 자주 사용하고, 자주 사용할 Map에 대해서 확실히 공부를 하고 넘어가고자 글을 썼다. Map 객체는 키(Key)와 값(value)의 쌍으로 이루어진 컬렉션이다. Map 객체는 객체와 유사하지만 다른 점 또한 존재한다. Map 객체의 생성 방법 Map 객체는 Map 생성자 함수로 생성한다. 인수를 비어있는 상태로 선언하면 빈 Map 객체가 생성된다. 1 2 const map = new Map(); console.log(typeof map, map); // object Map(0) {} cs Map 생성자 함수는 이터러블을 인수로 전달받아 Map 객체를 생성한다. 이때 인수로 전달되는 이터러블은 키와..

일급 객체 자바스크립트에는 일급 객체라는 개념이 있다. 일급 객체로 분류되기 위해서는 4가지의 조건이 필요하다. 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임이 생성이 가능하다 2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환 값으로 사용할 수 있다. 자바스크립트의 함수는 밑에 코드를 보면 위의 조건을 모두 만족할 수 있다. 그러므로 일급 객체로 분류된다. 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 32 33 34 35 36 // 1. 함수는 무명의 리터럴로 생성할 수 있다 // 2. 함수는 변수에 저장할 수 있다 // 런타임..

자바스크립트에는 단축 평가가 존재한다. 단축 평가는 다양한 용도로 사용이 가능하다. 보통 논리합(||) 또는 논리곱(&&) 연산자 표현식의 평가 결과는 boolean타입으로 인해서 결과값은 true(1) 또는 false(0) 것이라고 생각할 수 있지만, 꼭 불리언 값이 아닐 수 있다. 예시를 보자. 1 2 3 4 5 let boolean1 = 'Cat' && 'Dog' console.log(typeof boolean1, boolean1) // Dog let boolean2 = 'Cat' || 'Dog' console.log(typeof boolean2, boolean2) // Cat cs 위 결과물을 보면 boolean 타입이 아닌 String 타입으로 객체로 반환이 되는 것을 확인할 수 있다. 이것으로..