React 11

## 이벤트 리액트의 이벤트는 기본적으로 HTML의 이벤트와 비슷하지만, 주의사항이 몇가지 있습니다. 1. 이벤트 명은 카멜 케이스로 작성해야 한다. `onclick` → `onClick` 2. 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니고, 함수형태의 값을 전달해야 한다. 3. DOM요소에만 설정할 수 있다. Custom Component는...

## 컴포넌트 기본적인 컴포넌트를 만들어 보자. ```javascript import React, {Component} from 'react'; class MyComponent extends Component{ render() { return ( <div className='hello'> ...

## Create-react-app 라이브러리로 시작 ``` yarn global add create-react-app create-react-app hello-react cd hello-react yarn start ``` ### app.js의 구조 ```javascript import React from 'react'; import logo fr...

## 리액트 요약 기존에 많은 자바스크립트 기반 프레임워크들이 있었는데, 대부분의 프레임워크들은 MVC (Model-View-Controller), MVVM(Model-View-View Model), MVW(Model-View-Whatever) 아키텍쳐를 사용하여 개발되었다. ![MVC](https://mdn.mozillademos.org/files/1...