자바스크립트 + 리액트 디자인 패턴

91

Chapter 07_

자바스크립트 디자인 패턴

// 비공개 함수를 공개 함수로 감싸기

doSomething() {

doSomethingPrivate.get(this)();

}

doSomethingElse() {

doSomethingElsePrivate.get(this)();

}

// 장바구니에 물건 추가

addItem(values) {

const basketData = basket.get(this);

basketData.push(values);

basket.set(this, basketData);

}

// 장바구니에 물건 가져오기

getItemCount() {

return basket.get(this).length;

}

// 장바구니에 담긴 값의 합계 가져오기

getTotal() {

return basket

.get(this)

.reduce((currentSum, item) => item.price + currentSum, 0);

}

}

7.3.5

최신 라이브러리와 모듈

리액트 같은 자바스크립트 라이브러리를 만들 때 모듈 패턴을 사용할 수도 있습니다. 팀에서

만든 커스텀 컴포넌트가 많이 있다고 가정해 봅시다. 그렇다면 모든 컴포넌트를 각각의 파일

로 나누어 모듈로써 관리할 수 있습니다. 다음은

material

-

ui

09

의 버튼 컴포넌트를 사용해 ...