왕가's history

Props properties의 줄임말로, Component가 가지고 있는 속성값입니다. (HTML에서의 attribute와 같음) Component끼리 (부모 컴포넌트 → 자식 컴포넌트) 데이터를 전달할 수 있게 해 줍니다. 기본적으로는 부모에서만 props의 값을 변경할 수 있지만, 자식에서 값을 부모로 넘겨 부모에서의 값도 바꿀 수 있습니다. 예 HTML 삽입 미리보기할 수 없는 소스 값 전달 Title 컴포넌트 HelloWorld에서 language를 kor로 하여 Title컴포넌트에 props로 넘기게 됩니다. Title2 컴포넌트 HelloWorld에서 language와 name 두 가지 props를 전달하였고, Title2에서는 구조분해할당으로 language(변수), name(콜백함수) 값..

Component 화면 개발을 진행할 때, 전체 페이지를 한 번에 그리게 되면, 하나의 소스파일에 많은 양의 코드가 작성되게 됩니다. 이를 방지하기 위해 UI를 재사용할 수 있도록 소스를 여러 조각으로 나눠서 작성하여 가져다 쓰게 되는데 이를 Component(컴포넌트)라고 합니다. Component를 나누는 범위는 상황에 따라 다르며, 버튼하나까지도 나눠서 사용할 수 도 있습니다. 개발자의 능력이라고 보시면 됩니다. 이렇게 나눈 여러 개의 Component를 모아 한 개의 페이지로 만들게 됩니다. React에서 제공하는 Component 방식이Class Component와 Function Component 2가지 방식이 있지만, 주로 Function Component를 사용하며, Class Compon..