프론트엔드 개발/React

기본 레이아웃 JSX 문법

하이고니 2023. 1. 19. 16:50

1. class 대신에 className 을 사용한다.

기본 세팅. 이렇게 해두면 흰 화면만 나옴.

 

2. 변수를 사용할 때는 { } 로 감싼다. (데이터 바인딩)

태그의 id나 className, 어디서든 변수를 사용할 수 있다.

 

 

3. style을 사용하고 싶을 때는 중괄호로 두번 감싸준다.

JavaScript에서 - 기호는 minus로 판단하기 때문에,

font-size가 아니라 fontSize 로 사용한다.

'프론트엔드 개발 > React' 카테고리의 다른 글

Redux (2) store의 state 변경  (0) 2023.01.26
Redux (1) state 보관 및 사용  (0) 2023.01.26
SPA  (0) 2023.01.25
useEffect  (0) 2023.01.24
React 설치 및 개발 환경 세팅  (0) 2023.01.19