[React] React를 공부해보자

리엑트는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다. 

react는 인터렉티브웹을 위한 최적의 도구

html을 작성 후 이벤트를 등록하는것이 아니라 script 내부에서 html을 생성 후 ReactDOM에 삽입하는 형태로 이루어진다

React를 간단하게 사용할 수 있는 방법은 두개의 URL을 import 시킨 후 스크립트를 작성하는 것이다.

//React 기능
<script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js"></script>
//ReactDOM
<script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js"></script>

이걸 보면서 jQuery가 생각이 났다. jQuery는 JavaScript의 여러 메소드들을 간단하게 사용할 수 있게 해주는 라이브러리라면

React는 여러번 사용되는 html 코드를 매번 작성할 필요가 없게 해주는 코드 캡슐화가 주 기능인 것일까?

html을 여러번 반복해서 작성하지 않아도 된다니.. 생각만해도 설렌다.

 

버튼에 클릭이벤트를 주고싶을 때

JavaScript는 html 버튼태그에 id를 지정하고, 스크립트에서 이벤트를 작성하고 아이디를 얻어와 붙이는 방식으로 진행되지만

React는 스크립트 내부에서 엘리먼트 생성, 수정, 삽입까지 한번에 이루어지도록 할 수 있다. 요소를 구성할때 더욱 직관적으로 확인할 수 있는 점이 장점이라고 생각했다. 

 

리엑트 홈페이지 바로가기

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리