JSX 문법

• JSX는?
  Javascript에서 XML을 추가한 문법으로, 브라우저에서 실행하기 전에 바벨을 통해 J.=S 코드로 변환된다.
  
  
• 장점?
  한 파일에 JS와 HTML을 동시에 작성하여 가독성이 높고 편리하다.
  
  
• 문법

1. 부모 요소 하나가 감싸는 형태여야 한다.
   return() 태그 안에 하나의 요소로 감싸야한다.
   
   
2. JavaScript 표현식을 사용하려면 중괄호로 감싸준다.
   const name = 'cd'
return(<div> {cd} </div>)
   
   
3. if(for)문 대신 삼항 연산자 사용
   JSX 주변에서 IF문을 사용하거나 {}안에서 삼항 연산자를 사용한다.
   
   
4. 스타일
   JSX에서 자바스크립트 문법을 쓰려면 {}을 써야 해서, 스타일을 적용할 때
   객체 형태로 넣어 준다. 또한 카멜 표기법으로 작성한다.

 function Ad() {
     const title = {
         backgroundColor: 'black',
         fontSize: '23px'
     }
     return (
         <div style = {title}>Hello </div>
     )
     

5. CSS 클라스를 사용할떄는 class 대신 className을 사용한다

   출쳐: https://ko.reactjs.org/docs/introducing-jsx.html
   https://goddaehee.tistory.com/296