포스트

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 라이센스를 따릅니다.