차곡차곡

삭제 기능 구현 리액트에서 삭제 기능을 구현하는 것은 사용자가 특정 데이터를 제거할 수 있게 하는 기능입니다. 이는 CRUD(Create, Read, Update, Delete) 중 'Delete'에 해당합니다. 간단한 할 일 목록(Todo List) 애플리케이션에서 할 일을 삭제하는 기능을 추가하는 방법을 살펴보겠습니다. 1. App 컴포넌트에 삭제 기능 추가 App 컴포넌트에서는 전체 할 일 목록을 관리합니다. 특정 할 일을 삭제하는 removeTodo 함수를 추가하여, 해당 함수를 Todo 컴포넌트에 props로 전달합니다. import React, { useState } from 'react'; import TodoForm from './TodoForm'; import Todo from './To..

REACT 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 사용자 정의 태그를 만드는 기술이다. React 환경 구축 새 폴더 생성 → visual Studio로 생성한 폴더 열기 → NodeJs.org(node.js 공홈에서 설치 ) → Vs code 터미널 에서 npx create-react-app . 입력 ( 현재 폴더에 리액트 설치하는 명령어 ) → 설치 완료가 되면 react app 이 브라우저를 통해 자동 실행됨 React 디렉토리 구조 - create-react-app 을 통해 리액트 설치시 어떤 디렉토리 구조를 가지는가? my-app/ ├── node_modules/ ├── public/ │ ├── favicon.ico │ ├── index.html │ ├── logo192...