게터 사용

프로젝트 인원이 1명일 때와 아닐 때

다르게 렌더링하기 위해서 게터를 사용해보자.

class ProjectItem extends Component<HTMLUListElement, HTMLLIElement>{
  	// ...

    get persons() {
        if (this.project.people === 1) {
            return '1 person';
        } else {
            return `${this.project.people} persons`;
        }
    }
  
    renderContent() {
      	// ...
      
        this.element.querySelector('h3')!.textContent = this.persons + ' Person assigned.';
    };
}