[React] 컴포넌트

HTML 태그를 펑션으로 분리하고 조립 합니다.

 

new project building

다양한 이슈로 프로젝트는 코드샌드박스로 진행 합니다.

뉴 프로젝트 빌딩 합니다.

 

 

컴포넌트 빌딩 합니다.

styles.css （스타일 코드） 삭제 합니다.

 

 

App.js 간단한 유아이 코딩 합니다.

 

 

 

 

컴포넌트 분리 합니다.

 

 

위의 코드를 각각

 

<Header></Header>

<Nav></Nav>

<Article></Article>

3개의 컴포넌트로 분리하였습니다.
뷰는 이전과 똑같지만 코드를 보니 뭔가 효율적인 느낌이 듭니다.