728x90
반응형
웹의 기능이 많아지고 점점 복잡해짐에 따라
html 또한 더욱 복잡해지고 있다
리액트를 사용하면 복잡한 코드를 사용자 정의 태그로 기능별로 묶어 사용 가능하다
-> 컴포넌트
컴포넌트를 사용하면
가독성과 재사용성이 높아져 유지보수에도 용이해진다
class App extends Component {
render(){
return (
<div className="App">
hello
</div>
);
}
}
코드 안에 하나 이상의 html 태그가 있어야한다
react에서 사용하는 언어는 jsx
jsx로 작성된 코드를 react에서 javascript 코드로 컨버팅을 해준다
반응형
'Front_end > React' 카테고리의 다른 글
React) select, option로 셀렉트 메뉴 사용 (0) | 2022.03.22 |
---|---|
react) 리액트는 무얼 하고 왜 쓰는가 (0) | 2021.07.23 |
React) react-dom, Babel, state (0) | 2021.06.30 |
React) props (0) | 2021.06.29 |
웹 프론트엔드 - React (0) | 2021.01.27 |
댓글