인스타그램 2번째 시간중에

안녕하세요 

[Part 3 : 인스타그램 만들기]에서 [저번시간 숙제 & style 속성 데이터바인딩]강의를 들으며 코딩하는 중에

style이 적용되지 않는 문제가 발생하여 문의드립니다.

제가 어떤걸 실수했는지 모르겠습니다. 분명 강사님과 똑같이 코딩한것 같은데 모르겠네요 ㅜㅜ

제 코드는 아래와 같고 문제는 같은 그림이 계속 반복됩니다. 텍스는 잘 바뀌는데 그림만 문제네요

아래 스타일태그에 하드코딩된 백그라운드도 삭제해봤는데 그러면 아예 그림이 뜨질 않네요 

--> 민정씨랑 같은 오류인데 .. 코드 보여드릴게요!

[Post.vue]

<template>
  <div class="post">
    <div class="post-header">
      <div
        class="profile"
        :style="{ backgroundImage: 'url(${ChooseVuestaData.userImage})'}"
      ></div>
      <span class="profile-name">{{ ChooseVuestaData.name }}</span>
    </div>
    <div
      class="post-body"
      :style="{ backgroundImage: 'url(${ChooseVuestaData.postImage})'}"
    ></div>
    <div class="post-content">
      <p>{{ ChooseVuestaData.likes }}</p>
      <p>
        <strong>{{ ChooseVuestaData.name }}</strong>
        {{ ChooseVuestaData.content }}
      </p>
      <p class="date">May 15</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "Post",
  props: {
    ChooseVuestaData: Object,
  },
};
</script>

<style>
.post {
  width: 100%;
}
.profile {
  width: 30px;
  height: 30px;
  background-size: 100%;
  border-radius: 50%;
  float: left;
}
.profile-name {
  display: block;
  float: left;
  padding-left: 10px;
  padding-top: 7px;
  font-size: 14px;
}
.post-header {
  height: 30px;
  padding: 10px;
}
.post-body {
  height: 450px;
  background-position: center;
  background-size: cover;
}
.post-content {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
}
.date {
  font-size: 11px;
  color: grey;
  margin-top: -8px;
}
</style>

아 강사님 고쳤습니다!!

backgroundImage: url에 ' 를 입력다한후에 지우고 다시 입력하니까 되네요 

다시 열심히 강의 들으러 가보겠습니다 ㅎㅎ