odada

1. Props(Properties) 란? 컴포넌트의 속성을 설정할 때 사용하는 요소이다. 컴포넌트에게 전달되는 데이터를 의미한다. Components로 고양이를 계속 만들어낼 수 있다면... Props로 서로 다른 고양이를 만들어낼 수 있다. 이미지 출처 : https://javascript.plainenglish.io/basic-react-components-and-props-for-showing-lots-of-cats-d41bf67cc26 2. Props의 특징 컴포넌트의 속성(props)은 컴포넌트를 사용할 때 설정하는 속성 컴포넌트의 속성은 부모 컴포넌트에서 설정할 수 있다. 컴포넌트 내부에서는 설정할 수 없음 {}를 사용하여 자바스크립트 표현식을 속성 값으로 설정할 수 있음 - Props.ch..

컴포넌트(Components), Props - react 배우기 1. 리액트 컴포넌트(React Components)란? 컴포넌트란 재사용 가능한 UI 조각을 의미한다. 컴포넌트를 이용하면 더 쉽게 UI를 재사용할 수 있고, 유지보수도 쉬워진다. 컴포넌트는 독립적이고 재사용 가능하며, 여러 컴포넌트를 조합하여 화면을 구성할 수 있다. 컴포넌트는 트리 형태로 구성되어 있으며, 최상위 컴포넌트는 하나만 있어야 한다. - 컴포넌트의 규칙 컴포넌트는 함수 또는 클래스로 정의할 수 있음 컴포넌트 이름은 대문자로 시작해야 함 소문자로 시작할 경우 컴포넌트를 DOM 태그로 인식하게 됨 컴포넌트로부터 엘리먼트를 생성하여 이를 리액트 DOM에 랜더링에 전달할 수 있음 // html div 태그로 인식 const elem..