자바스크립트 코딩의 기술
-
[자바스크립트 코딩의 기술] 5장Front-end/JavaScript 2020. 7. 6. 23:46
을 읽고 작성합니다. 5장 반복문을 단순하게 만들어라 화살표 함수(arrow function)로 반복문을 단순하게 만들어라 화살표 함수는 함수가 장황해지는 문제를 해결해서 함수 작성을 간결하고 짧게 만들어준다. 또한, 필요하지 않은 정보를 최대한 걷어낸다. (function keyword, 괄호, return, 중괄호) 매개변수가 1개인 경우에는 괄호를 생략 매개변수가 없거나 2개 이상인 경우에는 괄호 필수 function greet(first, last) { return `안녕하세요, ${capitialize(first)} ${capitalize(last)}님`; } const greet = (first, last) => { return `안녕하세요, ${capitialize(first)} ${capi..
-
[자바스크립트 코딩의 기술] 4장Front-end/JavaScript 2020. 7. 6. 23:44
을 읽고 작성합니다. 4장 조건문을 깔끔하게 작성하라 거짓 값이 있는 조건문을 축약하라 Falsy keyword 0 숫자 -0 음수 0n BigInt "" 빈 문자열 null 아무 값도 없음 undefined 원시값 NaN 숫자가 아님 출처 MDN falsy 배열과 객체의 경우 비어있더라도 항상 값이 참이다. 객체 또는 배열이 비어있는지 확인하려면 [].length 또는 Object.keys({}).length 등으로 확인해야 한다. 거짓인지 버그없이 확인하는 방법은 두 가지가 있다. 데이터를 조작하지 않도록 함수를 수정하라 함수를 수정할 수 없다면 strict equivalency를 이용하라! 삼항 연산자로 빠르게 데이터를 확인하라 삼항 연산자를 사용해야 하는 이유? 단순하기만 한 것이 아니라 더 예측..
-
[자바스크립트 코딩의 기술] 3장Front-end/JavaScript 2020. 7. 6. 23:43
을 읽고 작성합니다. 3장 특수한 컬렉션을 이용해 코드 명료성을 극대화하라 객체를 이용해 정적인 키-값을 탐색해라 원칙적으로 객체는 변화가 없고 구조화된 키-값 데이터를 다루는 경우에 유용하다. .을 통해 직접 참조하거나 배열처럼 접근이 가능하다. 이처럼 객체는 단순하기 때문에 정적인 정보를 다룰 때 훌륭하다. 하지만 계속해서 갱신, 반복, 대체, 정렬해야 하는 정보에는 적절하지 않다. 이런 경우에는 맵을 사용하는 것이 낫다. 단, 기존의 객체를 조작하는 것이 아니라 각각의 함수에서 새로운 객체를 생성하면 조작없이 사용 가능하다. 중괄호에 key-value를 작성하는 것을 객체 리터럴object literal이라고 한다. 비구조화 할당(destructuring) 은 빠른 탐색이 필요할 경우 객체를 선택해..