(리액트) jsx 규칙

• 컴포넌트 : 구조(HTML)와 동작(JavaScript)에 대한 코드를 한 뭉치로 적은 코드셋

• jsx 규칙
  -하나의 엘리먼트 안에 모든 엘리먼트가 포함
  -엘리먼트 클래스 사용 시, className으로 표기
  -javascript 표현식 사용 시, 중괄호 {} 이용
  -사용자 정의 컴포넌트는 대문자로 시작(PascalCase)
  소문자로 시작하게 되면 일반적인 HTML 엘리먼트로 인식한다.
  -조건부 렌더링에는 if문이 아닌 삼항연산자 사용

(1+1 === 2) ? (<p>정답</p>) : (<p>탈락</p>)

-여러 개의 HTML 엘리먼트를 표시할 떼, map() 함수를 이용
map 함수를 사용할 때는 반드시 'key' JSX 속성을 넣어야 한다.