TIL_27_221206

27일 차 회고

알고리즘.

다시 알고리즘 테스트에서.. 발목이 잡혔다..
공부를 하긴 하는데 안하는건가..? 초조해지기 시작했다.!!!

리액트

React란?

사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리.
컴포넌트 라고 불리는 작고 고립된 코드의 파현을 이용하여 복잡한 UI를 구성하도록 돕는다.

JSX

별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 컴포넌트라고
부르는 느슨하게 연결된 유닛으로 분리한다.

component

UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 본다.
Javascript 함수와 유사하며, props라고 하는 임의의 입력을 받은후 화면에 어떻개 표시되는지를 기술하는 React 엘리먼트를 반환한다.

props

사용자 정의 컴포넌트로 작성한 엘리먼트를 발견하면 JSX어트리뷰트와 자식을 해당 컴포넌트에
단일 객체로 전달한다.

• props는 읽기 전용이다. 수정해서는 안된다.

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

function App() {
  return (
    <div>
      <Welcome name="Sara" />
      <Welcome name="Cahal" />
      <Welcome name="Edite" />
    </div>
  );
}

출처