안녕하세요,

헬로빗.

사용자 경험을 고민하는 프론트엔드 개발 지망 컴퓨터공학과 4학년

작은 아이디어를 직접 만들어보는 것을 좋아하며, 팀 프로젝트에서 프론트엔드와 기획을 주로 맡아왔습니다. 사용자가 겪는 불편함을 발견하고 해결하는 과정에 가장 큰 흥미를 느낍니다.

프로젝트 보기 연락하기

01 About Me

헬로빗 프로필 이미지
  • 관심 분야 웹 프론트엔드, 사용자 경험(UX) 개선
  • 지금 하는 것 교내 학습관리 시스템 리뉴얼 팀 프로젝트 진행 중
  • 배우는 중 TypeScript, Next.js
  • 함께 하는 것 경기대학교 웹 개발 동아리 '코드핏' 활동 중

02 Tech Stack

주로 사용하는 기술

  • HTML
  • CSS
  • JavaScript
  • React
  • Git

학습 중

  • TypeScript
  • Next.js

03 Projects

캠퍼스 중고거래 플랫폼 실행 화면

캠퍼스 중고거래 플랫폼

2025.03 ~ 2025.06

4인 팀 프로젝트 · 프론트엔드 담당

학교 커뮤니티 내 중고거래 게시글이 카카오톡 오픈채팅으로만 이루어져 검색과 이력 관리가 어렵다는 문제를 해결하기 위해 만든 중고거래 웹 서비스입니다.

주요 기능

  • 카테고리·키워드로 게시글 검색
  • 실시간 채팅으로 판매자와 대화
  • 관심 목록에 게시글 저장

트러블슈팅 · 배운 점

채팅 메시지가 새로고침 전까지 반영되지 않는 문제가 있었습니다. REST API로만 채팅을 구현해 실시간성이 없었던 것이 원인이었고, Socket.IO를 도입해 메시지를 즉시 반영하도록 수정해 해결했습니다.

성과 베타 테스트 2주간 가입자 120명, 게시글 340건 등록

  • React
  • Node.js
  • Socket.IO
저장소 → 사이트 →
할 일 관리 앱 '투두핏' 실행 화면

할 일 관리 앱 '투두핏'

2024.09 ~ 현재

개인 프로젝트

매일 할 일을 반복 태스크와 일회성 태스크로 나누어 관리하고 싶어 직접 만든 웹 기반 할 일 관리 앱입니다.

주요 기능

  • 드래그 앤 드롭으로 할 일 순서 변경
  • 반복 일정 자동 생성

트러블슈팅 · 배운 점

로컬 스토리지만 사용하다 보니 기기를 바꾸면 데이터가 사라지는 문제가 있었습니다. Firebase를 연동해 로그인 시 데이터가 동기화되도록 개선해 해결했습니다.

성과 개인 사용 6개월째, 누적 커밋 80회 이상

  • JavaScript
  • Firebase
저장소 →
동아리 출석 관리 시스템 실행 화면

동아리 출석 관리 시스템

2025.07 ~ 2025.09

3인 팀 · 백엔드 담당

동아리 출석을 종이로 관리하던 방식을 개선하기 위해 QR 코드 기반 출석 체크 시스템을 만들었습니다.

주요 기능

  • QR 코드 스캔으로 출석 체크
  • 관리자 페이지에서 출석 통계 확인

트러블슈팅 · 배운 점

동시에 여러 명이 QR을 스캔할 때 출석 기록이 중복 저장되는 문제가 있었습니다. DB에 유니크 제약 조건을 추가해 중복 저장을 막아 해결했습니다.

성과 동아리원 35명 대상으로 실제 운영 중

  • Express
  • MySQL
저장소 →

04 Activities

  • 2024.03 ~ 현재 경기대학교 웹 개발 동아리 '코드핏' 활동 (프론트엔드 파트장)
  • 2025.09 교내 해커톤 대상 수상
  • 2025.06 구글 개발자 커뮤니티 부트캠프 수료
  • 2025.01 정보처리기사 필기 합격

05 Contact

함께 만들고 싶은 것이 있다면 편하게 연락 주세요.

이메일 보내기 GitHub Blog