edu-base코드 구현 · v1

디자인 시스템 → 코드

Tailwind 토큰 + 재사용 컴포넌트로 옮긴 파운데이션. 이 페이지가 렌더되면 토큰이 정상 적용된 것입니다.

01 — Color

시맨틱 컬러

brand 500
success 500
info 500
warn 500
danger 500
ink 900
02 — Type

타이포 스케일

오늘의 퀴즈
React 상태관리 3주차
AI 피드백 요약
루브릭 항목 · 개념 정확성

useState와 useReducer의 차이를 설명하고, 어떤 상황에서 useReducer가 더 적절한지 서술해 주세요.

3번째 재답변 · 2026년 7월 26일 21:04

const [state, dispatch] = useReducer(reducer, init)
03 — Components

버튼

뱃지 · 칩

전공비전공AI 1차 평가✓ 강사 확정주시 학생채점 대기기한 초과

입력 · 폼 컨트롤

체크박스
토글
강의 내 석차 표시
예약 발행

세그먼트 컨트롤

04 — AI Feedback

점수 표시

AI 1차 평가신뢰도 높음
78/ 100▲ 21점 (1차 대비)

마이크로태스크 큐를 정확히 짚었어요.
실무 예시 한 문장만 더하면 90점대예요.

루브릭 항목별강사 확정 전
개념 정확성23 / 25
핵심 키워드18 / 20
원리 설명14 / 20
실무 예시8 / 20
여기가 가장 크게 오를 수 있는 항목이에요.
전달력15 / 15
신뢰도 높음신뢰도 보통신뢰도 낮음 · 강사 확인 권장

상태 표시 — 빈 상태 · 스켈레톤

아직 참여한 강의가 없어요

강사에게 받은 초대코드를 입력하면 바로 오늘의 퀴즈를 풀 수 있어요.

AI가 루브릭에 맞춰 채점하고 있어요…