티스토리 뷰
반응형
js에서도 html 잘 동작하는 이유는?
JSX 언어라서! (js안에서 html 쉽게 작성할 수 있음)
JSX문법1.
class 넣을 땐 className (js안에서 class는 문법이 따로 있음)
<div className="black-nav">
JSX문법2.
변수넣을땐 데이터바인딩 {중괄호}
id={}, className={} 모두 가능
😎데이터 바인딩이란?
서버에서 데이터 가져와서 <html>사이에 넣어주세요~ ---> 프론트엔드 개발자가 제일 많이 하는 것
<h4 id={post}>포트폴리오</h4>
JSX문법3.
style 넣을 땐 중괄호 안에 object 형식으로 작성해야 됨 style={ { 스타일명 : '값' }}
<h4 style={{color:'pink', fontSize:'20px'}}>{post}</h4>
반응형
'Coding > react' 카테고리의 다른 글
| [React] 버튼에 기능 개발을 하기(리액트 state 변경하는 법) (0) | 2023.01.18 |
|---|---|
| [React] 중요한 데이터는 변수말고 state에 담기 (0) | 2023.01.18 |
| [React] React 설치하기 (0) | 2023.01.17 |
| [React] React 왜 쓸까 (0) | 2023.01.17 |
| [React] - snippets 단축키사용 'rafce' (0) | 2022.12.27 |
댓글