목록리액트JSX문법 (1)

개발자 연쨘

[REACT]JSX 문법

리액트에서는 html이 아니라 JSX라는 문법을 사용합니다! 리액트에서는 하나 만들기 위해서는 자바스크립트로 React.createElement('div', null) 이렇게 사용해야하는데 그러면 복잡하고 어려우므로 JSX를 사용하는겁니다!! 오늘은 이 JSX문법을 실제로 어떻게 적용하는지 알아보았습니다. 🐰 class 넣을땐 className 🐰 스타일을 주기 위한 class명을 넣을땐 className을 사용합니다. class를 쓰면 안되는 이유는 자바스크립트에서 사용하는 예약어인 class라는 키워드를 사용하면 안되기 때문입니다. function App() { return ( 블로그 ); } export default App; 🐰 변수를 html에 넣을땐 {} 중괄호 사용 🐰 function App..
코딩지식/REACT 2023. 12. 6. 23:31
이전 Prev 1 Next 다음