리액트2 (React) Component React Component React로 만들어진 웹을 구성하는 최소한 단위 기존의 웹 프레임워크는 MVC 방식으로 각 요소의 의존성이 높다, 재활용이 어렵다 Component는 MVC의 View를 독립적으로 구성이 가능하며 쉽게 만들 수 있다 Component의 이름은 항상 대문자로 시작 UI를 재사용이 가능한 개별적인, 독립적인 여러 조각(Components)으로 나누고, 각 조각(Component)을 개별적으로 나누어 코딩한다 Javascript 함수와 유사하다 임의의 props 데이터를 받은 후 화면에 어떻게 표시되는지를 기술하는 React 객체를 반환 종류 함수형 컴포넌트 (Functional Component) 함수형에서는 함수 자체가 return 생명주기가 클래스형 컴포넌트와 다르다, 리랜더.. 2023. 2. 7. (React) Props & State Props 속성을 나타내는 데이터 component에서 component로 전달하는 데이터 부모 component에서 자식 component로 전달 ( 위에서 아래 component로 ) 받는 component에서는 데이터를 변경할 수 없고 최상위 부모 component에서 props를 변경할 수 있다 자식(받는) component 입장에서는 읽기 전용 // App.jsx import React from "react"; import Child from "./Child"; function App() { return ; } export default App; App componet에서 Child component로 각각 id, name의 이름으로 props를 넘겨준다 하위(자식) Component에서 pro.. 2023. 2. 6. 이전 1 다음
