React 퀴즈 앱

Source: Dev.to

React Quiz App

🧠 이 프로젝트는 React 기본 개념, 컴포넌트 기반 아키텍처, 효율적인 상태 관리에 대한 실전 이해를 강조합니다.

Live demo: https://react-quiz-app-lajpat.netlify.app/

주요 기능

• 📊 자동 점수 계산
• 🔄 동적 질문 렌더링
• 🧠 부드럽고 사용자 친화적인 퀴즈 흐름
• 📱 완전 반응형 UI (모바일 & 데스크톱)
• ⚡ 최적화된 React 컴포넌트로 빠른 성능

기술 스택

• React.js
• JavaScript (ES6+)
• HTML5
• CSS3
• Netlify (배포)

시작하기 (로컬 실행)

1. 저장소를 클론합니다:

   git clone https://github.com/Lajpatgautam/react-quiz-app.git

2. 프로젝트 디렉터리로 이동합니다.

3. 의존성을 설치합니다:

   npm install
   # or
   yarn install

4. 개발 서버를 시작합니다:

   npm start
   # or
   yarn start

   앱은 http://localhost:3000에서 확인할 수 있습니다.

이 프로젝트가 보여주는 것

• React 상태와 props에 대한 깊은 이해
• 컴포넌트 재사용성 및 깔끔한 UI 구조
• 타이머 로직과 조건부 렌더링
• 실무 프로젝트 배포 경험
• 반응형 디자인 원칙

작성자

Lajpat Gautam