AI 학습 블로그 (React + Vite)

파이썬·머신러닝 학습 내용을 정리한 인터랙티브 블로그입니다. 학습 포스트뿐 아니라 머신러닝 개념을 직접 조작해 볼 수 있는 시뮬레이션 페이지와 퀴즈 기능을 포함합니다.

주요 기능

• 블로그 포스팅
  • TipTap 기반의 에디터로 글 작성/수정 (이미지, 표, 코드 블록, 하이라이트 등)
  • 카테고리별 목록, 목차(TOC) 자동 생성
  • 데이터는 브라우저 localStorage에 저장 (백엔드 없이 동작)
• 인터랙티브 ML 시뮬레이션
  • 선형 회귀(Linear Regression): 학습률·반복 횟수를 조절하며 경사하강법 과정 실시간 시각화
  • 로지스틱 회귀 시그모이드 탐색기: 시그모이드 함수 파라미터 조절
  • 대출 연체 예측(Loan Default): 특성값을 바꿔가며 예측 확률 확인
  • 물류 수요 예측(Logistics Forecast): 대시보드 형태의 예측 결과 확인
• 파이썬 학습 포스트 13장
  • 기초 문법부터 머신러닝까지 단계별 학습
  • 브라우저에서 직접 실행해 보는 파이썬 코드 러너(CodeRunner)
• 종합 퀴즈: 학습 내용을 점검하는 객관식/OX 퀴즈

기술 스택

• React 19, React Router 7
• Vite 8, Oxlint
• TipTap 3 (에디터), @tiptap/pm
• 순수 JavaScript로 구현한 시뮬레이션 (외부 ML 라이브러리 없이 numpy 수식 재현)

실행 방법

npm install
npm run dev

브라우저에서 http://localhost:5173 으로 접속합니다.

빌드

npm run build
npm run preview