협업이 필요한 부분은 개발 초기에 논의 및 결정 되야 후반부에 구현에 집중할 수 있다. 그리고 후반부 구현 시, 논의가 된다면 설계에 영향이 생길 수 있다.

동적 컴포넌트 적용 시, 부모:자식=1:n 관계다. 자식에 props가 정의되는 데, n개 만큼 정의가 된다. 이 부분이 개선이 필요하다.

API 응답 데이터를 컴포넌트의 하나상태에 담아 사용할 경우 진입점을 줄일 수 있다. 하지만 응답 데이터의 필드별로 컴포넌트의 상태를 만들 경우, API 응답 변경이 생길 때 수정부가 많이 발생한다.

여유가 있을 때 데이터 세트를 만들며 학습 가능하지만 여러 서비스들의 관리툴을 통해 만들어야 하는 데이터 세트는 기획담당자에게 문의하자.

• <template>은 플랫하게 나열된 태그나 컴포넌트들을 묶을 때 사용
• 태그나 컴포넌트가 하나일 경우, <template>을 사용하지 않는다.
  • 해당 태그나 컴포넌트에 기술한다.

const result = {
  name: this.obj.innerObj.name,
  age: this.obj.innerObj.age,
  count: this.obj.innerObj.count,
};

const {innerObj} = this.obj;
const result = {
  name: innerObj.name,
  age: innerObj.age,
  count: innerObj.count,
};

const {
  innerObj: {name, age, count}
} = this.obj;
const result = {name, age, count};