Component

Component 실습 Component 합성컴포넌트 합성은 여러 개의 컴포넌트를 합쳐서 하나의 컴포넌트를 만드는 것이다.리액트에서는 컴포넌트 안에도 다른 컴포넌트를 사용할 수 있기 때문에 복잡한 화면을 여러 개의 컴포넌트로 나누어서 구현할 수 있다. // Welcome.jsximport React from "react";const Welcome = (props) => { return Hello, {props.name};};export default Welcome;// index.js...const App = (props) => { return ( );};root.render( );Welcome 컴포넌트를 사용해서 컴포넌트 합성을 하는 예제..

Components컴포넌트는 React, Vue등에서 중요한 부분이다. 모든 페이지가 컴포넌트로 구성되 있고 하나의 컴포넌트는 또 다른 여러개의  조합으로 구성될 수 있다. 그리고 이러한 컴포넌트들을 마치 레고 블록을 조립하듯이 끼워 맞춰서 새로운 컴포넌트를 만들수 있는 것이다. 하나의 컴포넌트를 반복적으로 사용함으로써 전체 코드의 양을 줄일 수 있어서 자연스레 개발시간과 유지 보수 비용을 줄일 수 있다. 컴포넌트는 개념적으로는 자바스크립트의 함수와 비슷하다. 함수가 입력을 받아서 내뱉는 것처럼 리액트 컴포넌트도 입력을 받아서 정해진 출력을 내뱉는다. 그래서 컴포넌트를 그냥 하나의 함수라고 생각하면 좀 더 쉽게 개념을 이해할 수 있다. 하지만 컴포넌트의 입력과 출력은 일반적인 함수와는 조금 다르다. 리액..