리액트 개념정리

0.React 엔진 - 데이터변경을 감지해서 UI그려주는!!
1.실행과정
2.JSX문법
3.바벨(자바스크립트 ES5) -> ES6 // 한 학생이 6로 개발했는데 선생이 5로 하라고하니까 본인이 개발해서 5로 변환하도록 했고 그게 리액트안에 기본으로 들어있다

(1) return시에 하나의 Dom만 리턴할 수 있다.
(2) 변수선언은 let혹은 const로만 해야함 var은 쓰지말자 var는 코드리뷰에 적합하지 않다
(3) if사용 불가능 x -> 삼항연산자 사용가능 (조건? 값(true):값(false)) 따옴표를 꼭 넣어줘야한다 안넣으면 오류난다
(4) 조건부 렌더링 (조건&&값(true)
(5) return에 (); 표시가 없으면 출력조차 되지 않는다
(6) let c; 라고 적고 콘솔로그를 보면 undefined가 나온다 그건 정의되지 않은 것이라는 뜻
(7) css 디자인
- 내부에 적는 방법  - const mystyle 이라고 선언해주고 거기에 값을 적은다음 그 변수명 을 심어서 쓰는데 추천은 안한다
- 외부 파일에 적는 - 차라리 여기에 쓰는게 좋다
- 라이브러리 사용 (부트스트랩, component-styled)

let a = 10; //변수 ( 변화가 가능하다 ) 
const b =20; //상수 ( 변화가 불가능하지만 안에 속성은 변경가능 ) 

자바스크릅트를 리턴안에 jsx에 넣으려면 {} 를 써줘야한다

 == 값 검사 === 타입까지 검사 웬만하면 3개쓰자