[React] 관심사의 분리

박소정·2023년 12월 10일
1

React

목록 보기
16/26
post-thumbnail

관심사의 분리란?🧐

관심사의 분리(Seperation of Concerns, SoC)란 좋은 코드를 짜기 위한 가장 기본적인 원칙이며, 한번에 한 가지 일만 처리할 수 있도록 나누는 것이다.

  • 관심사

    하나의 모듈(함수, 클래스 등의 단위)이 수행하고자 하는 목적이다.

  • 관심사의 분리

    한번에 여러 관심사를 처리하려고 하지 않고, 하나의 관심사만 처리하도록 분리하는 것이다.

관심사의 분리 굳이 사용해야 해?😐

  • 관심사 분리를 하지 않을 경우

    전체 기능을 파악하기 위해 읽어야 할 코드가 많고 길어서 파악이 어렵다.
    수정시 전체 코드를 변경하게 될 수 있다.

  • 관심사 분리를 했을 경우

    코드 파악을 위해 읽어야하는 코드 단위가 작다.
    수정 시 해당 사항이 있는 일부분만 수정하면 된다.

2개의 댓글

comment-user-thumbnail
2023년 12월 12일

화이팅!!!!! 항상 응원해😼

1개의 답글