React 컨포넌트

nav바는 컴포넌트로 두면 편하기 때문에 nav바 컴포넌트를 만들어볼 것이다

 

구조화 할당 props안에 있는 post오브젝트를 선언해놓는 것이다.

그러면 {props.post.id}를 써줘야 하는데 위처럼 줄여줄 수 있다.

게시글 추가하기

 

컨포넌트는 디자인만 가지고 있는 것이지 배치까지 가지고 있으면 제사 용성이 떨어진다.

 

버튼을 컴포넌트화 했다.

이렇게 컨포넌트화를 잘하면 이 페이지가 아닌 다른 페이지에서도 이 컴포넌트를 사용할 수 있는 것이다.

 

 

컨포넌트를 동적으로 활용하는 방법

 

스타일 컴포넌트가 함수 안에 있다 그 이유는 이 컴포넌트를 동적으로 할당하는 경우에만 이렇게 함수 안에 스타일 컴포넌트를 배치하면 된다.

 

"..."연산자

(전개 연산자) 꼭 공부할 것

데이터를 추가할 때 사용한다.

 

배열을 버리고 데이터를 추가한 후 다 시 배열에 넣어준다.

 

 

 

상태 변경이란

값을 변경하고 함수를 재실행하는 것