TIL&TEL 20.12.21~20.12.27

TIL( Today I Learned)

20-12-21 월

• Vue
• Django

20-12-22 화

• Vue 작업

20-12-23 수

• Vue

  • 사용자 입력 컴퍼넌트 초기화? 파괴하기??

  • v-if 활용

    • 조건에 따라 다시 생성하면 초기화가 된다ㅣ.
  • 앞에것과 비교해서 중복되는 comp 지우기

20-12-24 목

• Django models.py 작업하기

20-12-26 토

• Django

  • models.py 수정하기
  • Api 수정
  • serializer nested read,

  • serializer nested write,

    • primary related query

  • serializer nested patch

    • 기존 category 삭제
    • 새로 저장’
  • filter-set 정리
  • prefetch, select_related 의 사용 필수!!! n+1 query 방지한다.
  • filterset으로 걸러진 qs에 사용하고, 해당 내용 serializer로 처리한다.
• Vue

TEL (Trial and Error Log)

20-12-21

• ERROR: vue template 안나옴

  • SITUATION: 컴퍼넌트 import 했는데 안나온다. v-select 추가시 동작이 안된다.
  • REASON: 상위콤포넌트에서 하위 props 초기화 안해놈
  • SOLUTION: props 선언 제대로 바꾸기

• ERROR: vue 컴퍼넌트 초기화 에러

  • SITUATION: 컴퍼넌트 이식 했는데 동작을 못함
  • REASON: 상위 컴퍼넌트 에서 내려주던 props 가 nested 형태로 바뀌었다.
  • SOLUTION: path 수정

20-12-22

• ERROR: 내려준 props 값을 못읽는다

  • SITUATION:
  • REASON: 상위 component에서 props 안내려줌
  • SOLUTION: props 내려준다.

• ERROR: v-btn :disabled="true" 미동작

  • SITUATION:
  • REASON: 내려주는 값이 undefined 로 되었는데 거기서 값을 읽으려고 했다.
  • SOLUTION: undefined 찾아서 바꿔줌

• ERROR:[Vue warn]: Error in beforeUpdate hook: “TypeError: Cannot set property ‘label’ of undefined”

  • SITUATION: 컴퍼넌트 초기 시작시 에러
  • REASON: netsed 데이터 형식을 받는데 정의가 되어있지 않았다.
  • SOLUTION: data에 정의해준다.

• ERROR:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “dialog”

  • SITUATION: props value change
  • REASON: 내려받은 props를 바로 변경하려고 하면 에러발생, props는 직접 변경하지 않도록 되어있다.
  • SOLUTION: prop이 아닌, data or compueted value를 변경하도록 한다.