[ReactJS] ReactJS란?

신기술을 배울 때 중요한 것은

• 누가 이 기술을 사용하는지
• 그들의 규모가 얼마나 큰지 꼭 살펴봐야한다.

관련 사이트

• builtwith: https://builtwith.com
• npm: https://www.npmjs.com

 

ReactJS

• 페이스북(현재 meta) 에서 제작하였다.
• 가장 큰 커뮤니티를 가지고 있다.
• React JS는 UI를 interactive하게 만든다.
• JSX는 JavaScript를 확장한 문법이다.
  • HTMl과 유사해서 JSX로 React 요소를 만드는 게 개발자 입장에서 편하다.

 

React Native

• React Native: ios나 안드로이드 어플을 React JS 코드로 만들 수 있게 해준다.

 

babel 이란?

• https://babeljs.io/
• babel: JSX 코드를 브라우저가 이해할 수 있는 형태로 바꾸어주는 컴파일러다.
• 브라우저에서는 JSX를 invalid하다고 생각한다.
• babel을 사용하지 않을 경우 아래처럼 브라우저 콘솔에서 에러가 발생한다. 
• SyntaxError: Unexpected token '<'

babel을 사용하기 위해서는 스크립트와 타입을 정해준다.

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel">