방법2 [React] Prop(속성)으로 컴포넌트 재사용 Props컴포넌트의 주요 장점 중 하나는 재사용이 가능하다는 것이다.재사용 가능한 컴포넌트를 사용할 때마다 다른 데이터를 전달하고자 할 때 props가 사용된다.커스텀 컴포넌트는 커스텀 props을 추가할 수 있다.title, description, image들은 커스텀 속성으로 리액트에선 이걸 props라고 부른다.props의 값으로 스트링, 숫자, 객체, 배열 등 모든 형태를 전달할 수 있다. Props 사용하기일반 자바스크립트 함수에서 입력값을 받아 사용하려면 한 개 이상의 매개변수를 추가하면 된다.function fnName(param1, param2) {} 리액트도 비슷하지만 일반적으로 props라고 불리는 하나의 매개변수만 사용한다.function CompName(props) {} 커스텀 .. 2024. 7. 5. [React] 동적 값 출력 및 활용 JSX 또는 리액트에서 동적인 값을 출력할 때는 {} 중괄호를 사용한다.{…} 태그 사이 속성값으로 {} 중괄호 안에 자바스크립트 표현을 자유롭게 추가할 수 있다{1+1}{reactArray[0]} 태그 안에서 사용 {reactDescriptions[genRandomInt(2)]} ... const reactDescriptions = ['Fundamental', 'Crucial', 'Core'];function genRandomInt(max) { return Math.floor(Math.random()*(max+1));}function Header(){ return ( React Essentials {reactDescriptions[genRan.. 2024. 7. 5. 이전 1 다음 반응형