Skip to content

20 06 회고

Yongku cho edited this page Jun 22, 2020 · 7 revisions

커뮤니케이션

협업이 필요한 부분은 개발 초기에 논의

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

개발

동적 컴포넌트의 Props 중복

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

진입점을 최소화하면 변경이 용이하다.

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

데이터 세트는 기획담당자에게 문의

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

<template> 사용 기준

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

객체 해체

AS IS 코드

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};
Clone this wiki locally