리액트

import React, { useState } from "react";function App() { const id, setId = useState(""); const password, setPassword = useState(""); console.log("i

import React, { useState } from "react";function App() { const obj, setObj = useState({ name: "wonjang", age: 21, }); return ( );}export def

import "./App.css";import { useState } from "react";function App() { const count, setCount = useState(0); // count를 바꿀수 있는 방법은 setCount이다 const plu

import "./App.css";import { useState } from "react";const App = () => { return ( );};export default App;=============================================

import "./App.css";import { useState } from "react";const App = () => { const testArr = "감자", "고구마", "오이", "가지", "옥수수"; return ( );};export default

일일히 하나하나 다 타이핑해서 만드는 = 하드코딩MAP을 이용하여 깔끔하게 코드를 정리함

user를 바꿀 수있는것은 setUsers 뿐

import "./App.css";import { useState } from "react";const App = () => { const users, setUsers = useState( { id: 1, age: 30, name: "송중기" }, { id

import { useState } from "react";import "./App.css";import Button from "./component/Button";import User from "./component/User";const App = () => { c

import "./App.css";import styled from "styled-components";const StContainer = styled.div display: flex;;const StBox = styled.div width: 100px; heig