주말에 정리를 못했다(feat 설날)

04W 주요사항

vue-nuxt로 todo 개발

• vuetify 사용 및 컴포넌트화에 따른 재사용 방법
• v-slot 및 props

컴포넌트 재사용 이슈

• 버튼, input박스 등을 재사용할 경우에 발생할 수 있는 여러 이슈들이 존재
  1. 각 컴포넌트별 서로 다른 부모가 있으므로 처리함수를 개별로 건네줘야한다.
  A, A_child, a_method
  B, B_child, b_method
  이런식으로 같은 모양이지만 서로 다른 처리함수를 자식이 받아서 사용해야함
  2. input box등 v-model로 데이터 바인딩을 했을 경우 데이터가 남아있다!!
     이게 생각보다 되게 골치아팠는데 컴포넌트가 깨지지 않으니(=파괴) 데이터가 계속 잔존하는 이슈
     2.1 매번 데이터를 리셋 해서 넣어주어도 처음에는 주소값이 같기 때문에 v-model 데이터가 변하지 않았다
     = 참조해주는 데이터를 deepcopy(=json.stringify 등)을 사용해서 복사하고 넣어주는 방식으로 변경
     2.2 각 컴포넌트별 :key 값으로 고유 키를 렌더링

v-slot을 어떻게 사용하는게 좋을지

• 기본에 버튼에 이름등을 건네줄때는 props를 통해서 바인딩 시켰으나 이 보다 더 직관적인 slot 방식을 사용
• 다만 slot이 단순히 이름만을 바인딩하는 애는 아니라 생각하기에 이를 어떻게 하면 더 효과적으로 사용할 수 있을지 고민 중

cypress 도입 시급

• 매번 겉핥기 식으로 진행되던 cypress를 이제는 도입을 해야겠다
• unit test는 엄두가 안남.