IHS_digital_nomad

삭제버튼 추가 // 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..

// App.jsimport React from "react";import Counter from "./Counter";function App() {  return (    Counter/>  );} export default App;// Counter.jsimport React, {useState} from "react";function Counter() {    // let number = 0;     const [number, setNumber] = useState(0);    const onIncrease = () => {        // number++;        // console.log(number);        setNumber(number + 1);        console.lo..

리액트(React) - Facebook에서 개발한 JavaScript 사용자 인터페이스를 만들기 위한 라이브러리  - 재사용이 가능한 UI 컴포넌트를 작성할 수 있게 해주며, 데이터의 변경에 따라 UI를 효율적으로 업데이트할 수 있는 방법을 제공  - Virtual DOM을 사용해서 실제 DOM 조작을 최소화하고 성능을 향상 - 단일 페이지 응용 프로그램(SPA) 및 대규모 웹 애플리케이션에서 많이 사용  - JSX라는 문법을 통해 JavaScript 코드 내에서 HTML과 유사한 문법을 사용하여 컴퍼넌트를 정의 라이브러리(library) vs 프레임워크(Framework) 라이브러리     - 개발자가 필요할 때 함수 또는 모듈을 호출하여 사용하는 방식으로 동작     - 애플리케이션의 전체 구조를 개..