JSX 규칙
엘리먼트는 하나의 큰 <tag></tag>로 감싸주어야 한다
class는className으로 표시
class로 쓰면 React는 자바스크립트 클래스로 해석하기 때문
JavaScript 표현식은 중괄호를 이용
중괄호가 없다면 그냥 일반 텍스트로 인식
React 엘리먼트 시작은 "대문자"로
= 사용자 정의 컴포넌트
소문자로 시작하면 일반적인 HTML 엘리먼트로 인식
if문이 아닌 삼항연산자
여러 개의 HTML 엘리먼트를 표시할 때는 "map()" 사용
+ map 함수를 사용할 때 반드시 "key" JSX 속성 추가
그림 출처 : codestates
항상배우기