인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

geuni님의 프로필 이미지
geuni

작성한 질문수

[리액트 1부] 만들고 비교하며 학습하는 리액트 (React)

[순수JS 2] 탭 3(풀이)

Template 클래스를 따로 만들었는데 괜찮을까요?

해결된 질문

작성

·

149

0

Template 코드가 View와 같이 공통되는 느낌이라 따로 만들었는데 상관없을까요?

export default class Template {
  constructor(listClassName) {
    this.listClassName = listClassName;
  }

  getList = (data = []) => {
    return `
      <ul class="${this.listClassName}">${data.map(this._getItem)}</ul>
    `
  }

  _getItem = () => {
    throw '_not overlide';
  }

  getEmptyMessage = () => {
    return `
      <div class="empty-box">검색결과가 없습니다.</div>
    `;
  }
}

답변 1

1

김정환님의 프로필 이미지
김정환
지식공유자

오호 괜찮습니다. 사실 저도 템플릿 클래스를 별도 파일로 만들까 했는데요. view 개념을 강조하려고 한 파일에 두었어요. 좋은 질문 주셔서 고맙습니다. 👍

geuni님의 프로필 이미지
geuni
질문자

감사합니다! 공통 View 클래스가 용이하게 쓰여서 생각해봤는데 다행이네요! 

geuni님의 프로필 이미지
geuni

작성한 질문수

질문하기