2swan

App.js import './App.css'; import Counter from './Counter'; import InputSample from './InputSample'; import InputTest from './InputTest'; import Parent from './Parent'; import Say from './Say'; function App() { return ( ); } export default App; Say.js import {useState} from "react"; const Say = () =>{ const [message,setMessage] = useState('안녕') const [color, setColor] = useState('black') const o..

App.js import './App.css'; import Counter from './Counter'; import InputSample from './InputSample'; import InputTest from './InputTest'; import Parent from './Parent'; import Say from './Say'; function App() { return ( ); } export default App; InputSample.js import React, {useState} from "react"; const InputSample = () =>{ // const[name, setName] = useState('') // const[nickname, setNickname] =..

Device.js import logo from './logo.svg'; import './App.css'; import Device from './Device'; import Counter from './Counter'; function App() { return( 안녕 안녕2 ); } export default App; App.js import logo from './logo.svg'; import './App.css'; import Device from './Device'; import Counter from './Counter'; import Food from './food'; function App() { return( 안녕 안녕2 ); } export default App; Counter.js..

1. Node.js 다운로드 2. 폴더 생성 ex) D드라이브에 ReactWork 폴더 생성 ※ npx 오류 날 시(삭제 후 재 설치) npm uninstall -g create-react-app npm install create-react-app npx create-react-app first-app