🆕⇒create app

project start:

terminal

npx create-react-app blog

app.js 에서 작성한 JSX 문법의 HTML 템플릿을 index.js가 index.html 에 박는 구조

1. 카멜케이스.

class ⇒ className

JSX ,JS syntax

1. {}

속성값(이미지 태그 등), htmlinner 에 { } 사용해 바인딩

ex) className = { var },

이미지 삽입,스타일 변경 예

import logo from './logosvg' //이미지 import

<img src = { import logo from ’./logo.svg’ }> //⇒ 이미지는 import 해야함,

//스타일 변경법
<div style={ 스타일용 오브젝트, }> 글씨 </div>  //⇒ 대쉬기호 대신 카멜케이스
<div style={ {color : 'blue', fontSize : '30px'}}> 글씨 </div> 
//⇒ front-size : '30px' 안됨

이미지는 import

스타일은 오브젝트형식

1. ()⇒ {}

arrow function

1. ...

spread 연산자

array나 object 자료형 왼쪽에 붙이며