개발/React.js (2) 썸네일형 리스트형 [React.js] 리액트 기초 - State, Props State state만 잘 관리하면 화면을 다시 그려주는 걸 신경쓰지 않아도 되는 편리함이 있다. 기존의 DOM Rendering 방식을 생각해보자. export default function Hello() { let name = "Mike"; function changeName() { name = name === "Mike" ? "Jane" : "Mike"; document.getElementById("name").innerHTML = name; } return ( Hello {name} Change name ); } h2 태그의 id값을 주어 innerHTML로 name을 랜더링 하였다. setState 사용하기 import { useState } from "react"; export default .. [React.js] 리액트 기초 - Import/Export, Style, Event Import/Export src/component/Hello.js Export const Hello = () => { return Hello; }; export default Hello; export default function Hello() { return Hello; } Import src/App.js import "./App.css"; import Hello from "./component/Hello"; function App() { return ( ); } export default App; React.js 로 스타일을 지정하는 방법 1. 태그 안 인라인으로 작성 src/App.js import "./App.css"; function App() { return ( Welcome ); } expo.. 이전 1 다음
