React 컴포넌트 기능별로 분리 (1) 썸네일형 리스트형 컴포넌트를 기능별로 분리한 다음 렌더링 컴포넌트를 기능별로 분리하는 이유? 이때까지 컴포넌트를 App.js에 정의해 나갔었다. 지금은 컴포넌트의 수가 많지 않으니 App.js에 있는 컴포넌트를 구별하고 읽기에 어렵진 않겠지만, 각기 다른 기능을 가진 컴포넌트가 매우 많아지고 컴포넌트 하나에 들어있는 코드 줄 수가 많아진다면 추후에 컴포넌트를 수정할때 그 컴포넌트가 있는 부분을 찾기 힘들 것이다. 다시말해 유지보수가 힘들어진다는 것이다. 폴더를 만들고 각각의 파일로 분리 컴포넌트를 분리하는 방법은 간단하다. src 폴더에 컴포넌트를 담는 폴더를 만들고 컴포넌트별로 파일을 분리하면 된다. 컴포넌트를 담는 폴더인 components 폴더를 만들었다. 그리고 App.js에 있는 사용자 정의 컴포넌트를 옮길 파일(Webhead.js)을 componen.. 이전 1 다음
