[React] Component 파일로 분리해보기

Component을 파일로 분류해서 더욱 깔끔하고 관리하기 쉽게 만들어 보겠습니다.

 

 

우선 src에 components폴더를 만들어서 따로 관리 하도록 설정 해보겠습니다.

 

 

js파일을 만들어준후 만들어 뒀던 component를 복사해서 붙혀넣어줍니다.

 

 

 

그런다음 import로 불러와 주시면 됩니다.

 

 

 

 

 

밑에 만들어둔 Subject,Middle,Foot을 모두 따로따로 만들어주겠습니다.

 

 

 

그런다음 import해준 후 전부 지워주시면 깔끔해진 것을 보실 수 있습니다. 

 

 

 

 

import React, {Component} from 'react'; 를 안해주시면 에러가 발생하기 때문에 꼭 넣어주세요.

 

 

쫘잔~!