Day04
React ToDO List 만들기
1. 프로젝트 세팅
- Node.js 설치
- npm으로 리액트 프로젝트 생성
1 2 3 4 5 6 7 8
npm create vite@latest √ Project name: . #현재 디렉토리에 설치 √ Package name: todoapp √ Select a framework: » React √ Select a variant: » JavaScript npm install npm run dev
- App.jsx 파일 수정
1 2 3 4 5 6 7 8 9 10
import { useState } from 'react' import reactLogo from './assets/react.svg' import viteLogo from '/vite.svg' import './App.css' function App() { return <>Hello world</> } export default App
2. TODO List 구조
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.