01-react-basics-practice

React 기초 실습

실습 환경 설정

# 프로젝트 생성
npm create vite@latest react-basics-practice -- --template react-ts
cd react-basics-practice
npm install
npm run dev

실습 문제 목록

1. ProfileCard 컴포넌트

사용자 프로필 카드를 만드세요.

2. ProductList 컴포넌트

상품 목록을 표시하는 컴포넌트를 만드세요.

3. Counter 컴포넌트

간단한 카운터를 만드세요 (State 사용).

4. TodoPreview 컴포넌트

할 일 목록 미리보기를 만드세요.

각 컴포넌트를 src/components/ 디렉토리에 만들고, App.tsx에서 테스트하세요.