폰트설정

모달구현

일단 인덱스 값을 이용하여 어떤 상품의 모달인지 체크한다.

배열 타입

데이터 가공하기

• item : 품목
• Kind : 종류
• product : 상품

Object.keys 키들이 담긴 배열이 리턴된다.

Object.values 키들의 값들이 담긴 배열이 리턴된다.

new Set()
과 같이 입력하면
순회 가능한 배열이 생성된다.

Array.from()

다음과 같이 접근은 불가능하다. 반복가능한 객체이지 배열은 아니기때문

배열로 만들어주려면

다음과 같이 하자. 유사 배열, 배열을 인자로 넣으면 배열로 만들어준다.
도 가능하다.

data set

클릭하여 스테이트 값으로 유지시키며 어떤 상품의 로우 모달인지 파악하여도 되지만, 효율성을 위해 javascript가 제공하는 데이터 속성을 사용하였다.

  <div key={key} data-id={`${index}`}>

다음과 같이 data-{넣고싶은 키값} 속성에 값을 집어넣으면

다음과 같이 조회가능하다.

Reference

• 타입스크립트 문법
• mdn dataset
• mdn set