[220720]team project (삭제된 코드) /v-for

객체 복사

let user = {
  name: "John",
  age: 30
};

let clone = {}; // 새로운 빈 객체

// 빈 객체에 user 프로퍼티 전부를 복사해 넣습니다.
for (let key in user) {
  clone[key] = user[key];
}

// 이제 clone은 완전히 독립적인 복제본이 되었습니다.
clone.name = "Pete"; // clone의 데이터를 변경합니다.

alert( user.name ); // 기존 객체에는 여전히 John이 있습니다.

vue team project

let myTarget = JSON.parse(JSON.stringify(this.details))
      console.log('target',myTarget)
      console.log('target',typeof myTarget)

 const detailInfo = {
        title: '',
        startDate: '',
        endDate: '',
        runTime: '',
        producer: '',
        crew: '',
        cast: '',
        story: '',
        concertHall: '',
        concertTime: '',
      }
      console.log('showDetail', Array.isArray(showDetail))
      
      
            const keys = Object.keys(detailInfo)
      console.log('키들', keys)
      for (let i = 0; i < showDetail.length; i += 1) {
        // detailInfo = showDetail[i]
        keys[i] = showDetail[i]
      }
      for (const key in detailInfo) {
        detailInfo[key] = showDetail[i]
      }
      console.log('키들', detailInfo)

스크롤 js -> css 로 치환

 

//자동 스크롤
    scrollTable() {
      const wrapper = document.querySelector(".img");
      console.log('스크롤')
      setInterval(() => {
        wrapper.scrollTop = wrapper.scrollTop + 3;
          // console.log(wrapper.scrollTop)
          // console.log('scrollHeight',wrapper.scrollHeight)
          // console.log('offsetHeight',wrapper.offsetHeight)
        // if (wrapper.offsetHeight + wrapper.scrollTop +1 >= wrapper.scrollHeight) {
        //   wrapper.scrollTop = 0;
        // }
      }, 100);
    }

replace

this.startDate = this.$store.state.show.detailData['공연 시작일'].replace(/\./g,',')
this.endDate = this.$store.state.show.detailData['공연 종료일'].replace(/\./g,',')

---

v-for 를 객체에 쓸땐 두번째 인수로 key 값이 나옴

v-for = "(data, key) in datas"

key 값이 없는 객체 삭제

 Object.entries(details).forEach(([k, v]) => {
          if (!v.trim()) {
            delete details[k];
          }
        });