🚩 개발 코드를 작성하는 메인페이지는 App.js 이다.

App.js —> index.js —> index.html의 과정을 거쳐 화면에 보여준다.

✏ App.js에서 html을 작성하게 되는데, js파일에서 html을 작성하는것이 가능한가의 의문이 생긴다.

→실은 html이 아닌 JSX라는 문법이다.

🚩 JSX(JavaScript XML)

html과 유사하지만, 여러가지 다른 점이 있다.

📌 작성하는 태그들을 최상단의 태그 하나가 감싸줘야한다.

📌 태그의 class는 className의 속성을 이용한다.

📌 변수를 사용할 땐, 중괄호를 사용한다.

{변수명} ⇒ **“데이터바인딩”**이라고 한다.

📌 style을 직접 작성할땐,

style = {{스타일명: ‘값’}}

자바스크립트 문법을 사용할땐, { } 중괄호를 사용하고, 중괄호 안에 object 형식으로 key와 value를 작성한다.

✏EX) style={{color: ‘red’, fontSize: ‘24px’}}

-(hyphen)은 JSX에서 인식하지 않기 때문에 -으로 이어진 두 단어의 두번째 단어는 대문자로 쓴다.

font-size X / fontSize O