[react] DeepDive 2 리액트란?

리액트는 컴포넌트들로 이루어진 결정체로 볼 수 있다.

 

컴포넌트란?

사용자 인터페이스에 있는 재사용가능한 구성 요소

 

JSX란?

자바스크립트안에 있는 HTML

 

컴포지션이란?

작은 구성요소부터 시작해서 사용자 인터페이스를 구축하는 방식.

const Card = (props) => {
  const classes = "card " + props.className;
  return <div className={classes}>{props.children}</div>;
};

export default Card;

=> props.className : 사용자 지정 외부의 props에 대한 클래스를 불러와 card와 합하여 두개의 클래스를 적용해줌

=> props.children : children은 예약어로 card로 감싸진 사용자 지정 컴포넌트가 표시 될 수 있게 해줌.

 

 

리액트 공식문서 보러가기

https://ko.legacy.reactjs.org/docs/components-and-props.html

Components와 Props – React