: extends가 먼저 실행, 그 후 mixins에 선언된 순서대로 실행된다.
: 각 히스토리 별로 state가 존재
<div :class="{ active: selectedKeywordId === keyword.dpContsId }"></div>
":" 뒤에있는 계산식이 true가 될 경우에만 active 클래스 적용
: https://ko.javascript.info/task/shuffle