포트폴리오 · 2026

김민재

다크 패턴 없이 본질에 집중한,
매일 쓰고 싶은 서비스를 만들고 싶습니다.

소개

코드가 실제 서비스가 되는 순간을 좋아합니다.
백엔드와 프론트엔드를 가리지 않고,
처음부터 끝까지 직접 만듭니다.

QA를 중요하게 생각합니다. 엣지 케이스 하나, 딜레이 0.1초도 그냥 넘기지 않습니다.

다크 패턴을 싫어합니다. 사용자를 속이거나 헷갈리게 만드는 설계는 하지 않습니다.

초등학교 6학년 때부터 영상 편집 일을 해왔습니다. 영상은 몇 초만 지루해도 사람들이 떠납니다.
그 화면을 오래 다뤄 오면서,
사람들이 어디서 지루해하고
어디서 불편함을 느끼는지 자연스럽게 익혔습니다.

그래서 디자인과 개발을 따로 보지 않습니다. 보기 좋은 화면과 쓰기 편한 화면은
같은 질문에서 시작한다고 생각합니다.
버튼 하나의 위치, 문장 하나의 말투까지
사용자 입장에서 먼저 봅니다.

  1. 2023학원에서 개발 시작
  2. 2024컴퓨터공학과 진학
  3. 2025첫 팀 프로젝트, MediPrice
  4. 2026영상보안 전문 기업 근무 · 김먼지 출시

언어

  • Java
  • Kotlin
  • Dart
  • TypeScript
  • JavaScript
  • Python
  • C
  • C++

프레임워크

  • Spring Boot
  • Spring MVC
  • JPA
  • Flutter
  • Android
  • Node.js
  • FastAPI

웹

  • HTML
  • CSS
  • Tailwind CSS
  • JSP
  • WebGL

인프라

  • MySQL
  • Linux
  • Docker
  • Tomcat
  • Cloudflare Tunnel
  • pm2

서비스 · API

  • Firebase Cloud Messaging
  • Google AdMob
  • Naver Maps API

도구

  • Git
  • GitHub
  • Gradle

작업물

김먼지

2026 · Android (iOS 예정)

Google Play (새 탭)
김먼지 앱의 피드 화면
김먼지 앱의 채팅방 화면

유튜브 채널 김먼지의 시청자를 위한 공식 커뮤니티 앱. 피드, 방송 일정, 공개 채팅방, 알림을 제공합니다.
회원가입이 없고 이름·전화번호·이메일을 받지 않습니다.

  • Flutter
  • Dart
  • Spring Boot 4
  • Java 21
  • Linux
  • Cloudflare Tunnel

kmj228.com

2026 · Web · 지금 보고 있는 사이트

지금 보고 있는 이 포트폴리오. 프레임워크 없이 HTML, CSS, JavaScript로 처음부터 만들었습니다.
마우스를 따라 번지는 잉크, 페이지를 넘기지 않는 상세 보기, 라이트·다크와 한·영 전환을 직접 구현했습니다.

  • HTML
  • CSS
  • JavaScript
  • WebGL
  • Node.js
  • Cloudflare Tunnel

MediPrice

2025 · Web · 수업 과제 · 4명 팀

사이트 열기 (새 탭)
MediPrice에서 도수치료를 검색한 화면. 왼쪽에 병원별 가격 목록, 오른쪽 지도에 가격 핀이 표시됨

심평원 공공 API로 주변 병원의 비급여 진료비를 지도 위에 보여주는 웹 서비스.
항목을 검색하면 가까운 병원들의 가격이 핀으로 표시되어, 전화하거나 찾아가지 않아도 한눈에 비교할 수 있습니다.

2025년 데이터 기준이라 현재 가격과 다를 수 있습니다.

  • JavaScript
  • Tailwind CSS
  • Naver Maps API
  • Spring MVC
  • MySQL
  • Cloudflare Tunnel