컴포넌트 분류

Jaemin Jung·2022년 1월 23일
0

React

목록 보기
7/10
post-thumbnail

왜 컴포넌트를 분리해야 하는가?

코드의 재사용성과 가독성을 올리려면 관심사의 분리가 필요하다.
프로그래밍에서 관심사의 분리란 복잡한 코드를 비슷한 기능을 가진 코드끼리 별도로 관리 하는 것을 말한다.
UI를 처리하는 코드나 서버 API를 호출하는 코드 또는 DB를 관리하는 코드 같은 것들을 서로 관심사가 다르다고 보고 파일을 분리해서 관리하는 것이 좋다.

이 때, 하나의 폴더 안에 모든 컴포넌트를 만들어서 관리를 하면 시간이 흐를수록 컴포넌트가 많아져서 원하는 컴포넌트를 찾기가 힘들어진다.
그래서 연관된 컴포넌트끼리 폴더를 만들어서 관리는 것이 컴포넌트를 찾기에 수월하다.

컴포넌트를 분리하는 기준

컴포넌트가 상태값이나 비즈니스 로직 코드를 가지고 있으면 재사용하기가 힘들다.

재사용성이 좋은 컴포넌트의 조건

  • 비즈니스 로직이 없다.
  • 상태값이 없다.(단, UI 효과를 위한 상태값은 제외)
profile
내가 보려고 쓰는 블로그

0개의 댓글