props 2

속성(Props, Properties) - React 배우기

1. Props(Properties) 란?컴포넌트의 속성을 설정할 때 사용하는 요소이다.컴포넌트에게 전달되는 데이터를 의미한다.Components로 고양이를 계속 만들어낼 수 있다면...Props로 서로 다른 고양이를 만들어낼 수 있다.이미지 출처2. Props의 특징컴포넌트의 속성(props)은 컴포넌트를 사용할 때 설정하는 속성컴포넌트의 속성은 부모 컴포넌트에서 설정할 수 있다.컴포넌트 내부에서는 설정할 수 없음{}를 사용하여 자바스크립트 표현식을 속성 값으로 설정할 수 있음- Props.children (props.속성이름)컴포넌트 태그 사이에 작성한 내용을 조회할 때 사용한다.컴포넌트 태그 사이에 작성한 내용은 props.children이라는 props로 전달된다.// App.jsimport Re..

Front/React 2023.10.29

컴포넌트(Components) - React 배우기

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

Front/React 2023.10.08
티스토리 친구하기