글발행기능 강의 문의

[정병진]

글 발행기능 만들기 강의에서

{App.vue}

<div class="header">
    <ul class="header-button-left">
     

• Cancel

   

    <ul class="header-button-right">       <li v-if="step == 1" @click="step = 2">Next

      <li v-if="step == 2" @click="publish()">발행

   

    < img src="./assets/logo.png" class="logo" />   </div>

  <Container @write="작성한글=$event" :내용들="내용들" :step="step" :이미지="이미지" />
  <button @click="more">더보기</button>

publish(){
      var 내게시물={
      name: "Kim Hyun",
      userImage: "https://placeimg.com/100/100/arch",
      postImage: this.이미지,
      likes: 36,
      date: "May 15",
      liked: false,
      content: this.작성한글,
      filter: "perpetua"
      };
      this.게시물.unshift(내게시물) // unshift(): 왼쪽의 array에 자료 집어넣어줌 (가장 위로)
      this.step=0
    }


{container.vue}
<!-- 글작성페이지 -->
    <div v-if="step == 2">
      <div class="upload-image" :style="`background-image: url(${이미지})`"></div>
      <div class="write">
        <textarea @input="$emit('write',$event.target.value)" class="write-box">write!</textarea>
      </div>
    </div>
  </div>


이렇게 짰는데도 글 생성이 안되어서요. 틀린데는 없는거 같은데 혹시 틀린데가 있을까요??

웹브라우저에서 F12로 보니 TypeError: Cannot read properties of undefined (reading 'unshift') 나왔는데.. 해결방법 있을까요?

[codingapple]

this.게시물 이 비어있다는거 같은데 잘 있나 확인해봅시다

[글쓴이]

글