React 기초

JSX

문자도 HTML도 아닌 JS의 확장문법

Babel

컴파일러

1. 언어 해석기
2. 특정 언어를 다른 프로그래밍 언어로 옮기는 프로그램

React Element

React Element는 불변 객체
우리가 값을 전달 해주면 React가 알아서 변경 판단 반영을 한다.

Vanilla Js 와 React

1. Vanilla JS
   :변경으로 인해 Element를 다시 그린다.
2. React
   :변경된 부분만 다시 그려준다.

케이스 종류

React의 경우는 카멜 케이스를 사용한다.

1. 카멜 케이스 : onClick
2. 파스칼 케이스 : OnClick
3. 케밥 케이스 : on-click
4. 스네이크 케이스 : on_click