리액트 컴포넌트

[React.js] component 와 props

1. Component 우선, 리액트는 HTML에 직접 요소를 넣지 않는다. 기본적으로 index.html에 들어갈 내용을 index.js에서 불러와 사용한다. 이를 렌더링이라고 하고, 그 내부 요소들을 component라 한다. 이렇게 렌더링을 진행하는데, 이때 직접 렌더링 할 수 있는 component는 오직 하나이다. 따라서 보통 App.js를 렌더링하고, App.js 내 App() 함수에서 다른 component들을 사용하게 된다. 굳이 뽑자면 component는 함수이다. 다른 js파일을 생성하고 그를 import해 사용하더라도, 결국 그 js파일 내에 함수를 불러다가 사용하는 것과 같다. 2. Props Props란 부모 component가 자식 component에게 넘겨주는 매개변수라고 생각..