⭐️ React의 시작!
리액트는 자바스크립트를 쉽고 효율적으로 사용할수 있도록 페이스북에서 만든 도구이다.
JSX란??
JSX란 JavaScript Xml의 약자로 자바스크립트를 확장한 문법으로 리액트의 HTML과도 같다.
리액트에서는 virtual DOM을 다루고 있기 때문에 html을 가장한 JSX를 사용해야 한다.
아래와 같이 HTML과 JSX는 속성값의 대소문자 입력방식에서 차이가 있는데,
JSX는 JavaScript에 가깝기 때문에 camelCase 프로퍼티 명명 규칙을 사용한다.
// HTML 방식 <div class="title">제목</div>// JSX 방식 <div className="title">제목</div>
웹브라우저는 HTML, CSS, JAVASCRIPT만 읽을 수 있지만, 최종적으로 소스코드가 실행되면 JSX는 HTML로 자동 변환되어 실행된다.
🍎 The journey is the reward.