Hello World!

React 2023. 7. 19. 17:11

jsx 1. Root 반드시 한거 2. class : className 3. 자바스크립트 변수 : {} 4. style시트 속성을 json으로 속성 5. {}연산은 실행된다. import "./App.css"; function App() { const name = "Tom"; const naver = { name: "네이버", url: "https://naver.com", }; return ( Hello, {name}.{2 + 3} {naver.name} ); } export default App; app.js import "./App.css"; import Hello from "./component/Hello"; import Welcome from "./component/Welcome"; functio..

React 2023. 7. 18. 14:40

npx를 쓰기 위해 node.js를 설치한다. import logo from './logo.svg'; import './App.css'; function Header(props){ console.log('props',props, props.title); return {props.title} } function Nav(){ return html css js } function Article(props){ return {props.title} {props.body} } function App() { return ( ); } export default App; import logo from './logo.svg'; import './App.css'; function Header(props){ console.l..

React 2023. 7. 17. 17:31