Web_Basic #3

210816
Web_Basic #3

• React
  React(리액트)란?
  자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.
  페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다.

싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다. 대규모 또는 복잡한 리액트 애플리케이션 개발에는 보통 라우팅, API 통신 등 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에 추가 라이브러리를 사용해야 한다.

• 특징
  -JSX
  JS안에서 HTML문법을 사용해서 view를 구성할 수 있도록 도와주는 문법이다.

<div id="myReactApp"></div>

<script type="text/babel">
  class Greeter extends React.Component {
    render() {
      return <h1>{this.props.greeting}</h1>
    }
  }

  ReactDOM.render(<Greeter greeting="Hello World!" />, document.getElementById('myReactApp'));
</script>

-Component 기반
컴포넌트는 독립적인 단위의 소프트웨어 모듈을 말한다. 소프트웨어를 독립적인 하나의 부품으로 만드는 방법이다. 웹에서 쓰는 각 요소들을 컴포넌트로 만들 수 있게 해 기존의 UI를 다른 화면에 다시 사용하거나 다른 프로젝트에서 다시 쓸 수 있도록하는 재사용성을 가진다.
기존의 웹 페이지를 작성할 때 처럼 하나의 HTML코드를 넣는것이 아닌 여러 부분을 분할하여 코드의 재사용성, 유지보수성을 높인다.
작성한 HTMl, CSS를 간략하게 <Component/>와 같이 쓸 수 있다.

-속성과의 단방향 데이터 바인딩
보통 props라 불리는 속성들은 부모 컴포넌트로부터 컴포넌트에 전달된다. 컴포넌트들은 props을 하나의 불변의 값(자바스크립트 객체)들로 받는다.

참고
https://ko.wikipedia.org/wiki/%EB%A6%AC%EC%95%A1%ED%8A%B8_(%EC%9B%B9_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC)