props
리액트에서 이렇게 컴포넌트에 지정한 속성들
Props는 Properties의 약자
컴포넌트에 속성을 지정해주면 각 속성이 하나의 객체로 모여서 컴포넌트를 정의한 함수의 첫 번째 파라미터로 전달된다.
컴포넌트를 활용할 때
속성값을 다양하게 전달하고 이 props 값을 활용하면,
똑같은 컴포넌트라도 전달된 속성값에 따라 서로 다른 모습을 그려낼 수도 있다.
Destructuring 문법을 활용해서 조금 더 간결하게 코드를 작성
children
props에는 children이라는 조금 특별한 프로퍼티가 있다.
JSX 문법으로 컴포넌트를 작성할 때
컴포넌트를 단일 태그가 아니라 여는 태그와 닫는 태그의 형태로 작성하면,
그 안에 작성된 코드가 바로 이 children 값에 담기게 된다.
JSX 문법으로 컴포넌트를 작성할 때 어떤 정보를 전달할 때는
일반적인 props의 속성값을 주로 활용하고,
화면에 보여질 모습을 조금 더 직관적인 코드로 작성하고자 할 때 children 값을 활용
이 children을 활용하면 단순히 텍스트만 작성하는 걸 넘어서
컴포넌트 안에 컴포넌트를 작성할 수도 있고,
컴포넌트 안에 복잡한 태그들을 더 작성할수도 있다.
