컴포넌트 분리

컴포넌트 분리의 목적

• 컴포넌트를 분리하면 각 컴포넌트가 독립적인 모듈처럼 작동하게 되어, 코드의 재사용이 가능하고 유지보수가 쉬워짐

• 하나에 파일에 모든 로직과 UI를 담는 것은 복잡성을 증가시킴. 그렇기에 여러 컴포넌트로 나누면 각 컴포넌트의 역할이 명확해져 코드의 가독성이 향상.

코드 재사용성 증가

• 버튼, 입력 필드 등 자주 사용되는 UI요소를 독립된 컴포넌트로 분리하여 여러 곳에서 재사용할 수 있다

분리 기준

• 컴포넌트는 각자 하나의 책임만 가지기

• UI요소에 따라 분리하기 (Header, Main, Footer 등)