Big Five + HEXACO + RIASEC: React 기반 고등학생 진로탐색 웹앱 개발기심리측정학적 근거를 갖춘 3종 검사를 하나의 SPA에 통합하고, Claude API 기반 AI 분석과 SDGs 미션 시스템까지 구현한 프로젝트의 기술적 구조를 정리합니다.프로젝트 개요항목내용앱 URLhttps://mycareer-woad.vercel.app기술 스택React 18 + Vite 6 + Vercel Serverless FunctionsAIClaude Sonnet 4 (Anthropic API)DBSupabase (PostgreSQL + Auth + RLS)검사 도구RIASEC 36문항 + Big Five 30문항 + HEXACO-H 6문항배포Vercel (수동 npx vercel --prod)1. ..

카테고리 없음 2026. 4. 13. 17:15

코딩 1도 몰라도 괜찮아! 우리 반만의 챌린지 앱 만들기 (1탄)안녕하세요! 오늘은 코딩 경험이 전혀 없는 분들도 따라 할 수 있는 '나만의 웹 앱 만들기' 프로젝트를 시작해보려 합니다. 학생들이 학교생활 속에서 긍정적인 활동을 기록하고, 선생님이 포인트를 주며 격려하는 간단한 '세계시민활동' 앱을 함께 만들어 볼 거예요.최종 목표는 학생들이 휴대폰이나 컴퓨터로 접속해서 활동 사진과 글을 올리고, 자신의 등급과 점수를 확인하는 것입니다. 오늘은 그 첫 단계로, 앱이 작동할 땅을 마련하고 집의 뼈대를 세우는 작업을 해볼게요!우리가 만들 마법의 도구, Firebase서버니, 데이터베이스니 하는 어려운 말들은 잠시 잊으셔도 괜찮습니다. 우리는 구글이 만든 'Firebase(파이어베이스)'라는 아주 편리한 도구..

AI 디지털 혁신 2025. 6. 22. 22:52