inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

보드 목록 조회 화면

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

290

2wndrhs

작성한 질문수 2

0

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

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

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

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

vuejs javascript

답변 1

0

김정환

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

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

0

2wndrhs

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

객체가 함께 반환되는데 왜 그럴까요

1

139

2

babel-core module 에러

0

237

2

watch와 computed

1

254

1

nextTick 관련 질문

0

712

1

a 태그에 href를 빈 값으로 계속 주는 이유

0

771

1

함수에서 _를 사용하셨는데 어떨때 쓰이는 건가요?

0

354

1

watch로 router 감시할 때

0

408

1

NavigationDuplicated 에러

0

677

1

vue-router 설치 중 계속해서 오류가 발생합니다.

2

1418

2

로컬 스토리지 관련 질문입니다!

0

472

1

<router-link> 질문

0

315

1

(재질문/Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.

0

293

1

router-link 와 router-view 의 차이를 모르겠습니다!

1

1099

1

왜 index.js를 바로 볼 수 있나요?

0

367

2

리스트 내 카드 이동 오류

1

550

0

보드를 추가했을 때 추가한 보드에 대한 화면 업데이트(?) 갱신(?)에 관한 질문입니다.

0

297

1

(Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.

0

452

1

npm install 시 에러

0

998

2

안녕하세요 리스트 이동 관련 질문이 있습니다.

0

323

2

질문이 있습니다.

0

302

1

마지막 부분에 로그아웃 해서 로그인 화면으로 돌아왔을 때

0

270

1

소스 공유 받을수 있을까요?

0

333

1

setAuthInHeader 했는데 오류가 발생합니다.

0

253

1

복습 중 질문드립니다 ㅠ

0

230

1