[생활코딩 리액트] 14. 별도의 파일로 컴포넌트 정리, 15. state

 

 

 

1. props : 사용자가 컴포넌트를 사용할 때 중요한 것이고, 

2. state는 그 props 값에 따라 내부에서 구현에 필요한 데이터들이다. 

: 좀더 다양한 일을 하는 컴포넌트를 만들기 위해 필요한 state의 개념! props를 더 잘 활용할 수 있게 될 것.

 

위의 코드 안에 

컴포넌트 요소들 title, sub 값들을 저렇게 적어주는게 지저분해서 위로 썁 하고 따로 빼주려고 한다. 그때 필요한 것이 바로 하단의

 

constructor(props){

super(props);

  here it goes

}

 

저기 안에 필요한 코드를 넣어주는 것이다.

 

요기 담긴 코드들이 가장 먼저 실행되게 된다. 

 

하단의 코드와 같이 수정!