logo
KREN

소개

avatar

seren-wib

충북대학교 소프트웨어학부
githubGitHub

안녕하세요, 충북대학교 소프트웨어학부 3학년 seren-wib입니다. 직접 만들고 기록하면서 배웁니다. 작은 팀에서 웹 앱을 처음부터 끝까지 만들고, CI와 PR 규칙으로 품질을 지키며, AI 코딩 에이전트를 원하는 방식대로 움직이게 만드는 데 꽤 많은 시간을 씁니다. 강의 노트는 이 블로그에 장별 글로 정리합니다.

관심 분야

  • 풀스택 웹: React 프론트엔드와 Express·Django 백엔드, JWT 인증과 관계형 데이터베이스
  • CI와 협업 흐름: PR마다 도는 GitHub Actions, 보호 브랜치, 이슈와 PR 기반 협업
  • AI 에이전트: 규칙 기반 에이전트 하네스, AI 코딩 도구용 프로젝트 규칙과 검증 루프
  • 컴퓨터공학 기초: 이 블로그에 장별로 정리하는 수업 노트

기술 스택

  • 언어: JavaScript, TypeScript, Python, SQL
  • 프론트엔드: React, Vite, Next.js, Tailwind CSS, Monaco Editor
  • 백엔드: Node.js, Express, Django, JWT 인증, bcrypt
  • 데이터베이스: MySQL, SQLite
  • 테스트: Jest, Supertest, Vitest, React Testing Library
  • 인프라·DevOps: GitHub Actions, Docker, Vercel, Linux (Ubuntu, WSL)
  • 도구: Git, Bruno, DBeaver, Claude Code, Codex, Antigravity

프로젝트

Online Code Editor

브라우저에서 코드를 작성하고 실행하고 저장하는 온라인 코드 에디터. 4인 팀 프로젝트이고 프론트엔드 대부분을 맡았습니다. React, Vite, Monaco Editor에 Express + MySQL 백엔드를 붙였고, 코드는 언어별 Docker 컨테이너에서 실행됩니다. 모든 PR이 GitHub Actions CI(Jest, Supertest, Vitest, MySQL 서비스 컨테이너)를 거치고, main은 보호 규칙이 걸려 있어 CI를 통과해야만 머지됩니다.

kibotos.dev

이 블로그. Vercel 위의 Next.js 15, Contentlayer, Tailwind CSS로 만들었고, 수업 노트를 글로 옮기는 발행 파이프라인이 있습니다. 모든 변경은 PR로 올라가고 CI에서 lint, 타입 검사, 빌드를 통과해야 반영됩니다.

SCPC 2026 AI Agent Harness

SCPC 2026 예선(DACON) 제출물로, 개인 기기 에이전트가 요청을 어떻게 처리할지 판단하는 규칙 기반 하네스입니다. 외부 의존성 없이 순수 Python으로 작성했습니다. 최종 점수 0.8408 (baseline 0.5206).

Coffee Shop

소프트웨어공학 수업 텀 프로젝트로 만드는 원두 온라인 쇼핑몰(진행 중). 3인 팀이고, Django 백엔드 위의 React + Vite 프론트엔드를 맡고 있습니다.

Atlas Odyssey

배운 것을 지도처럼 펼쳐 놓고 남은 것을 보여 주는 개인 학습 아틀라스. 2026 CUVIC 바이브 코딩 대회 개인 출품작입니다(진행 중). AI 에이전트 주도 개발을 위해 develop/main 보호 룰셋, PR 전용 머지, 테스트 우선 흐름으로 레포를 구성했습니다.

Amazon Price Scraper

ScraperAPI로 아마존 검색 결과를 수집해 SQLite와 CSV에 저장하고, Streamlit 대시보드로 가격을 보여 줍니다.

학력

  • 충북대학교 소프트웨어학부 (3학년 재학 중)

경력

자격증

수상

연락처