객체

    [JavaScript] 구조 분해 할당 (Destructing)

    Destructuring (구조 분해 할당) JavaScript로 개발을 하다 보면 함수에 객체나 배열을 전달하는 경우가 생긴다. 또 모든 데이터가 아닌 일부만 필요한 경우도 자주 생긴다. 이럴 때 Destructing(구조 분해 할당)을 통해 객체나 배열을 변수로 쉽게 분해할 수 있다. 1. Array Destructuring (배열 구조 분해 할당) 1) 배열은 인덱스 위치를 기준으로 할당된다. const arr = [1, 2, 3]; const [one, two, three] = arr; console.log(one, two, three); // 1 2 3 [x, y] = [1]; console.log(x, y); // 1 undefined [x, y] = [1, 2, 3]; console.log(..

    [JavaScript] 클린 코드 - 4. 객체와 자료구조

    1. getter와 setter를 사용한다. JavaScript는 public, private 키워드나 인터페이스 문법이 존재하지 않는다. (TypeScript에선 모두 제공하고 있다. 굿굿) 그래서 중요한 내용을 내부 인터페이스로 따로 분리하여 관리하는 것이 어렵다. 대신 getter와 setter를 사용하는 것을 추천한다. 다음과 같은 장점을 가질 수 있다. 단순히 속성을 얻는 것 이상의 행동을 쉽게 구현할 수 있다. 만약 검증 로직이 필요하다면 간단하게 추가할 수 있다. 내부용 API를 캡슐화 시킬 수 있다. getting, setting 로그를 관리하거나 에러 처리를 쉽게 할 수 있다. 서버에서 객체 속성을 받아올 때 lazy load 할 수 있다. lazy load - 페이지를 읽는 시점에서 중..