라이브러리와 프레임워크, JSX(JavaScript XML)

  JSX (JavaScript + XML)

JSX는 JavaScrpit 확장 문법이다. 

HTML과 JavaScrpit를 합친 것이다.

브라우저는 내부적으로 JSX를 읽을 수 있는 구조가 아니다. 애초에 JSX는 엔진이나 브라우저가 바로 구현할 수 있게끔 만들어진 것이 아니라, 다양한 변환 프로그램을 통해 사용되도록 만들어진 것이기 때문이다. 

 

자바스크립트와 약간 문법이 다르다. 

ex. class="" 라고 쓰지 않고 className="", onclick이 아니라 onClick 등 

ㄴ 이유는?! classr가 자바스크립트에서 예약어기 때문에 HTML 의 엘리먼트 class를 정의하려면 다른 이름을 써야한다.

 

리액트 컴포넌트는 일반적으로 JSX로 작성된다. 

 

  라이브러리, 프레임워크 

[공통점]

다른 사람이 쓴 코드를 가져다 쓰는 것

 

[차이점]

내가 코드를 조작한다. - 라이브러리

누군가 정해준 규칙을 따른다. - 프레임워크

라이브러리 (ex. jQuery)

 - 다른 것으로 대체 가능함

 - 필요할 때만 불러서 사용

 

프레임워크 (ex. django)

 - 어디에 템플릿을 넣을지, 어디에 뷰를 넣을지 정해져있음.

 - 프레임워크가 나를 부름

 

리액트? 

 - 내가 필요할 때 부르는 것이니 라이브러리

 - 리액트가 컴포넌트를 부름. 규칙을 알려줌. 이렇게 보면 프레임워크

 즉 규정하기 어렵다!