Inflearn Community Q&A
asked
보드 아이템 배경색 변경 관련 질문
Written on
·
280
0
안녕하세요. 강사님 강의 잘 듣고 있습니다!
지금은 updated 훅에서 컴포넌트의 데이터가 변경될 때마다 DOM에 접근하여 보드 아이템의 배경색을 바꾸는 것으로 알고 있습니다.
하지만 인라인 스타일 바인딩으로 아래 코드처럼 배경색을 변경해도 정상적으로 동작하는 데 updated 훅에서 보드 아이템의 배경색을 바꾸시는 다른 이유가 있을까요?
<div
class="board-item"
v-for="b in boards"
:key="b.id"
ref="boardItem"
:style="{ backgroundColor: b.bgColor }"
>
vuejsjavascript
Answer 1
0
jeonghwan
Instructor
인라인 스타일로 지정해도 동작하겠네요.
지금은 백그라운 색상만 변경하는 것이라서 충분하고요. 만약 작업이 늘어난다면 인라스타일 보다는 별로 로직으로 분리하는게 유지보수하는데 더 낫지 않을까 생각합니다.
작업이 늘어난다면 확실히 인라인 스타일 바인딩만으로는 유지보수 측면에서 어려움이 있겠네요. 답변 감사합니다!