코딩/React (3) 썸네일형 리스트형 React, 3일차 // App.jsimport React, { useState, useRef } from "react";import UserList from "./UserList";import CreateUser from "./CreateUser";function App() { const [inputs, setInputs] = useState({ username: '', email: '' }); const { username, email } = inputs; const onChange = e => { const { name, value } = e.target; setInputs({ ...inputs, [name]: value }); }; const [users, se.. React, 2일차 counter// input.jsimport React, {useState} from "react";function Input(){ const [text, setText] = useState(''); const onChange = (e) => { setText(e.target.value); } const onReset = () => { setText(''); } return ( 초기화 값: {text} );}export default Input; // MultiInput.jsimport React, { u.. React, 1일차 create-react-app을 사용하여 앱을 생성 후 기본 디렉토리 및 파일 확인 public 디렉토리 브라우저에서 직접 액세스 할 수 있는 파일들이 포함 index.html: 웹 애플리케이션의 진입점 src 디렉토리 애플리케이션의 소스 코드를 포함 index.js: React 앱의 진입점 파일. ReactDOM.render를 호출하여 React 컴포넌트르 DOM에 렌더링 App.js: 기본적인 앱 컴포넌트가 정의된 파일. 앱의 기본 구조와 레이아웃을 정의 App.css : App 컴포넌트에 적용되는 CSS 스타일을 정의 문제 App.css에 아래와 같이 style을 설정하고 App.js에 적용해보자 이름: .black-box 속성: ba.. 이전 1 다음