33강 pagination 에서 질문이 있습니다

Question

안녕하세요. 33강 pagination 2 듣는 중에 궁금한 점이 생겼는데요. 6:50초 쯤에 class="page-item" 을 class="page-item active" 로 변경하니 전체 페이지 버튼이 파랗게 되는 것을 보여주셨었는데요. 이걸 현재 페이지만 파랗게 보이게 하려고 class="page-item" :class="currentPage === page? : 'active' : '' " 와 같이 지정해주신 걸 봤습니다. 조건은 이해했는데, 조건이 충족되서 :class='active' 가 되면 class 가 "page-item active" 로 바뀐다는게 이해가 잘 안되서요. 구글링을 해도 뭐라 검색해야할지 잘 모르겠어서 답이 안나오네요. 동일한 이름으로 바인딩을 해주면 접미사로 자동으로 붙는 건가요??

코지 코더 · Answer

class="" 에 들어간 class는 항상 거기에 있는거고 :class="" 에 들어간 경우는 조건에 만족할때 들어가게 됩니다 그래서 class="page-item" 여기서 page-item은 항상 들어가 있는거고 :class="currentPage === page? : 'active' : '' " 이 부분에서는 currentPage가 page랑 같을때 active가 class에 들어가게 됩니다 그래서 class="page-item active"가 되는것이죠 currentPage가 page랑 같지 않을 경우엔 빈 문자열에 들어가서 class="page-item" 인것이구요 추가 질문 있으시면 다시 질문 올려주세요 ^^