"자바스크립트" 관련 글 43

자바스크립트 코딩의 기술_Collection으로 데이터 관리하기_2
자바스크립트 2021. 5. 23. 16:40
(본 포스팅은 길벗의 '자바스크립트-코딩의 기술' 책을 공부하면서 작성되었습니다_내돈내산) 2021.05.23 - [자바스크립트] - 자바스크립트 코딩의 기술_Collection으로 데이터 관리하기_1 자바스크립트 코딩의 기술_Collection으로 데이터 관리하기_1 (본 포스팅은 길벗의 '자바스크립트-코딩의 기술' 책을 공부하면서 작성되었습니다_내돈내산) 1. 객체(Object)를 이용해 정적인 키-값(key-value)를 탐색하라. 원칙적으로 객체는 변화가 없고 구조화 pg-titannia.tistory.com 4. 맵으로 명확하게 키-값 데이터를 갱신하라 일반적으로 '키-값 쌍이 자주 추가되거나 삭제되는 경우', '키가 문자열이 아닌경우' 대표적인 두가지 상황에서 객체보다 맵(Map)을 선택하는 ..
자바스크립트 코딩의 기술_Collection으로 데이터 관리하기_1
자바스크립트 2021. 5. 23. 16:19
(본 포스팅은 길벗의 '자바스크립트-코딩의 기술' 책을 공부하면서 작성되었습니다_내돈내산) 1. 객체(Object)를 이용해 정적인 키-값(key-value)를 탐색하라. 원칙적으로 객체는 변화가 없고 구조화된 키-값 데이터를 다루는 경우에 유용하다. 반면 자주 갱신되거나 실행되기 전에는 알 수 없는 동적인 정보를 다루기엔 적합하지 않다.(정적인 정보에 적합하다) 계속해서 갱신, 반복, 대체, 정렬해야 할 정보에는 맵을 사용하는 것이 낫다. 정보의 경로를 알고 있을 때 적절한 방법이다. 함수 내에서 객체를 생성하고 이를 다른 함수에 넘겨줄 수 있다. 이런식으로 할 경우 정보를 조작하거나 갱신하지 않기 때문에 정적인 정보가 된다. // # START:book const book = { title: 'ES6..
자바스크립트 코딩의 기술_배열로 데이터 관리하기
자바스크립트 2021. 5. 22. 15:10
(본 포스팅은 길벗의 '자바스크립트-코딩의 기술' 책을 공부하면서 작성되었습니다_내돈내산) 1. 배열로 유연한 컬렉션을 생성하라 원래 자바스크립트에는 데이터 컬렉션을 다루는 구조로 배열과 객체 두가지만 있었다. 하지만 모던 자바스크립트로 넘어오면서 맵(Map), 세트(Set), 위크 맵(WeakMap), 위크셋(WeakSet) 이 추가되었다. 어떤 형태로든 조작(추가, 제거, 정렬, 필터링, 교체 등) 해야한다면 배열이 가장 적합한 컬렉션이 될것임. 객체를 순회하려면 먼저 Object.Keys() 를 실행해서 객체의 키를 배열에 담은 후 생성한 배열을 이용해 배열을 객체와 반복문의 가교로 활용하여 순회한다.(아래 예시) function getTotalStats() { // # START:loop cons..
자바스크립트 코딩의 기술_변수할당
자바스크립트 2021. 5. 22. 13:11
(본 포스팅은 길벗의 '자바스크립트-코딩의 기술' 책을 공부하면서 작성되었습니다_내돈내산) 1. const로 변하지 않는 값을 표현하라 const의 경우 코드를 읽기 쉽게 만들어 줌. const는 블록의 문맥 내에서 재할당할 수 없는 변수 선언 >> 한번 선언하면 변경할 수 없음. >> 하지만 불변값은 아니며, const에 배열을 할당하는 경우에도 배열의 항목은 바뀔수 있음. 값을 할당하고 변경하지 않을 것이라는 것을 표시해 다음의 개발자에게 코드리딩에 있어 방향을 제시할 수 있음. export function getTotal() { // # START:totalConst const taxRate = 0.1; const total = 100 + (100 * taxRate); // Skip 100 line..
자바스크립트 입문_메서드 오버라이드, 프로토타입 체인
자바스크립트 2021. 5. 19. 14:53
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) 인스턴스가 동일한 이름의 프로퍼티 또는 메서드를 가지고 있는 상황에 메서드 위에 메서드가 덮어씌워지는 현상. 원본을 제거하고 다른 대상으로 교체하는 것이 아니라, 워본이 그대로 있는 상태에서 다른 대상을 그위에 얹음. let Person = function(name) { this.name = name; }; Person.prototype.getName = function() { return this.name; }; let iu = new Person('지금'); iu.getName = function() { return '바로 ' + this.name; }; cons..
admin

티스토리툴바