• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

보드 아이템 배경색 변경 관련 질문

22.04.10 23:17 작성 조회수 139

0

안녕하세요. 강사님 강의 잘 듣고 있습니다!

지금은 updated 훅에서 컴포넌트의 데이터가 변경될 때마다 DOM에 접근하여 보드 아이템의 배경색을 바꾸는 것으로 알고 있습니다.

하지만 인라인 스타일 바인딩으로 아래 코드처럼 배경색을 변경해도 정상적으로 동작하는 데 updated 훅에서 보드 아이템의 배경색을 바꾸시는 다른 이유가 있을까요?

<div
class="board-item"
v-for="b in boards"
:key="b.id"
ref="boardItem"
:style="{ backgroundColor: b.bgColor }"
>

답변 1

답변을 작성해보세요.

0

인라인 스타일로 지정해도 동작하겠네요.

지금은 백그라운 색상만 변경하는 것이라서 충분하고요. 만약 작업이 늘어난다면 인라스타일 보다는 별로 로직으로 분리하는게 유지보수하는데 더 낫지 않을까 생각합니다.

2wndrhs님의 프로필

2wndrhs

질문자

2022.04.24

작업이 늘어난다면 확실히 인라인 스타일 바인딩만으로는 유지보수 측면에서 어려움이 있겠네요. 답변 감사합니다!