리액트 강의3

jquery

 

 - 브라우저의 호환성떄문에 이를 해결하기 위한 라이브러리로 시작

 - 하나의 생태계를 구성할 정도이다

 - jquery는 함수이기때문에 무거워서 여러번 호출하도록 코드를 짜면 안된다. (jquery anti pattern)

function doA(){
	var $target = $("#target") //이런식으로 하면 객체를 한번만 선언한다음 루프를 돌릴수있다
    
    ...$target.attr("...")
	
}

 - JS대륙과 DOM대륙은 멀다 (JS처리와 DOM처리는 성능에 지장을 많이 준다..) -> 돔처리는 가능한 적게 해라

 

JSX / Virtual DOM

 

 - 리액트에 들어가는 문법은 자바스크립트가 아니라 JSX이다. (자바스크립트를 확장한 문법이다)

 - JSX는 값이다 (표현식이다) 그래서 if / else를 쓸수 없는 것이다. (3항연산자는 가능)

 - 가능한것 : 삼항연산자 , &&, ||, ?

 

ex. let result = page || 1 (page가 값이 있으면 page반환, 아니면 1반환)

    let result = page && 1 (page가 값이 있으면 1을 반환해라)