•
Javascript 확장자 → HTML과 비슷하게 생긴 마크업을 JS,TS 파일에 작성할수 있게 해주는 확장자
•
브라우저는 JSX 자체를 이해하지 못함 → 바벨이나 TS로 트랜스파일 해줘야함
•
리액트 17부터 바뀜
◦
import react 안해줘도 됨
•
내용은 따로 .html에 있고 로직은 따로 .js에 있었음 → jsx 덕분에 같이 사용 가능
•
웹이 실제로 더욱더 상호작용 가능하게 커져감과 동시에 interactive 해짐 → 마크업과 로직이 함께 존재하여 개발 편의성 극대화
•
리액트와 JSX는 서로다른것 → 리액트는 따로, JSX따로 사용 할 수 있음
•
반환하는 마크업은 항상 하나의 부모를 가지고 있어야함
◦
JSX는 HTML 처럼 보이지만 실제론 보통 자바스크립트 객체임
◦
두개의 객체를 배열이 아닌상태로 반환할수 없는것 과 같은 맥락