학급의 보이지 않는 관계를 별자리처럼 시각화하다왜 만들었나3월, 새 학기가 시작되면 교사에게 가장 먼저 드는 고민이 있습니다."우리 반 아이들, 서로 어떤 사이일까?"수업 중 표정, 쉬는 시간 동선, 점심시간 자리 배치... 관찰만으로는 한계가 있습니다. 겉으로 웃고 있지만 혼자인 아이, 한쪽에서만 좋아하는 관계, 특정 아이에게 부정적 감정이 집중되는 상황 — 이런 것들은 눈에 잘 보이지 않습니다.기존에도 교우관계 조사 방법은 있었습니다. 종이 설문지를 돌리고, 엑셀에 하나하나 입력하고, 화살표를 그려가며 관계도를 만드는 방식. 한 학급 분석에 반나절이 걸렸습니다. 해본 선생님은 아실 겁니다 — 그 노가다를.그래서 직접 만들었습니다. 학생들은 스마트폰으로 5분이면 설문을 끝내고, 교사는 버튼 하나로 관계..

AI 디지털 혁신 2026. 4. 13. 23:47

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

입시 뉴스 → 수업 활동지 자동화 파이프라인 구축기개요베리타스알파 입시 뉴스를 자동 수집·분류하고, AI가 교사용 요약을 생성한 뒤,HTML + DOCX 형식의 수업 활동지로 변환하는 파이프라인을 구축했다.이 글은 기술 스택, 구현 과정, 트러블슈팅을 기록한다.1. 파이프라인 전체 흐름[베리타스알파 크롤링]↓[링크 필터링 + 제목 추출]↓[Gemini API → 교사용 요약 생성]↓[결과 .txt 저장]↓[HTML 활동지 생성] + [DOCX 활동지 생성]2. 크롤링 구현requests + BeautifulSoup 조합으로 구현했다.핵심 포인트는 링크 필터다. find_all('a')로 전부 긁으면네비게이션, 광고 링크까지 포함된다.사이트별로 실제 기사 URL 패턴을 지정해서 필터링했다.target_..

카테고리 없음 2026. 4. 7. 13:11

"남은 인생, 시간으로 보면 달라진다" — Life Budget 앱을 만들었습니다당신의 남은 삶 중벚꽃 피는 봄은 몇 번 볼 수 있나요?가족과 함께할 저녁식사는 몇 번 남았을까요?사랑하는 사람과 보낼 시간은요?이런 질문을 숫자로 보여주는 웹앱, Life Budget을 만들었습니다.바로 체험하기: https://lifelong-jade.vercel.app이 앱은 뭔가요?Life Budget은 남은 인생의 시간을 카테고리별로 시각화해주는 도구입니다.통계청 2022년 생명표를 기반으로 예상수명을 계산하고, 현재 생활패턴대로 살았을 때 각 활동에 얼마나 시간을 쓰게 되는지 보여줍니다.4단계 흐름1단계: 건강 설문성별, 나이, 키/체중, 흡연, 운동, 음주, 수면, 스트레스, 사회관계, 만성질환입력하는 즉시 예상..

카테고리 없음 2026. 4. 4. 10:32

​🛡️ 바이브 코더를 위한 보안 체크리스트 5가지1. ​관리자 및 주요 페이지 권한 설정 ​/admin, /main 등 뻔한 경로로 접속했을 때 로그인 없이 페이지가 열리는지 확인해야 합니다.​AI에게 "어드민 페이지에 인증 미들웨어를 걸어줘"라고 요청하여 권한이 있는 사용자만 접근하도록 잠궈야 합니다.2. ​수파베이스(Supabase) RLS 설정 ​데이터베이스의 '행 단위 보안(Row Level Security)'을 반드시 활성화해야 합니다.​이 설정이 안 되어 있으면 타인의 이메일, 이름, 결제 내역 등이 API 호출 한 번에 유출될 수 있습니다.3. ​프론트엔드 환경 변수 노출 확인 ​금고 비밀번호와 같은 API 키나 시크릿 키가 브라우저 개발자 도구(F12)에서 보이는지 점검해야 합니다.​중요..

AI 디지털 혁신 2026. 4. 3. 07:12

관련 글 1: https://shinypeace.tistory.com/14 1편: 사회초년생 재테크, 막막하다면? 내 돈을 지켜주는 '로보 자산 멘토' 개발기안녕하세요.졸업 후 사회 초년생이 된 제자들의 고민을 들었습니다. "내 월급, 이대로 통장에만 둬도 괜찮을까요?", "어디서부터 시작해야 할지 막막해요.", "그냥 누가 딱 이렇게하라고 지침을peace.re.kr 관련 글: https://shinypeace.tistory.com/15 안녕하세요!그동안 간단한 웹 프로젝트를 만들어보는 이야기를 연재했었는데, 드디어 제가 혼자서 고민하고 기획한 실생활 프로젝트 '로보 자산 멘토' 를 세상에 내놓게 되었습니다.이전 1편에서는 왜 이런 서비스를 만들게 되었는지, 2편에서는 핵심 기능 활용법을 소개했는..

AI 디지털 혁신 2026. 4. 2. 14:57

관련 글 1: https://shinypeace.tistory.com/14 1편: 사회초년생 재테크, 막막하다면? 내 돈을 지켜주는 '로보 자산 멘토' 개발기안녕하세요.졸업 후 사회 초년생이 된 제자들의 고민을 들었습니다. "내 월급, 이대로 통장에만 둬도 괜찮을까요?", "어디서부터 시작해야 할지 막막해요.", "그냥 누가 딱 이렇게하라고 지침을peace.re.kr 관련 글: https://shinypeace.tistory.com/15 안녕하세요!그동안 간단한 웹 프로젝트를 만들어보는 이야기를 연재했었는데, 드디어 제가 혼자서 고민하고 기획한 실생활 프로젝트 '로보 자산 멘토' 를 세상에 내놓게 되었습니다.이전 1편에서는 왜 이런 서비스를 만들게 되었는지, 2편에서는 핵심 기능 활용법을 소개했는..

AI 디지털 혁신 2026. 4. 2. 14:57

안녕하세요. 지난 포스팅에서 사회초년생을 위한 자산 관리 웹앱 '로보 자산 멘토' 의 개발 배경을 말씀드렸는데요, 생각보다 많은 분들이 관심을 가져주셔서 정말 감사합니다. 오늘은 실제로 이 앱에 접속해서 여러분의 자산을 분석하고, 향후 계획을 세우는 핵심 기능 가이드를 적어보려 합니다. 처음 접속하시는 분도 따라 하실 수 있도록 스크린샷 없이도 이해 가능하게 자세히 설명해 드릴게요. 활용법 1: 금융 성향(Money Type) 파악하기 — "나는 어떤 투자자인가?" 앱에 접속하면 가장 먼저 해볼 수 있는 것이 바로 '나의 머니 타입(Money Type)' 기능입니다. 왜 이것부터 해야 할까요? 재테크에서 가장 먼저 해야 할 것은 종목 선택도, 예금 비교도 아닙니다. 바로 '나 자신을 아는 것'..

금융 경제 교육 2026. 3. 31. 14:39