직접 만든 것들

글로만 배우지 않고, 직접 만들어보는 것들을 여기에 기록합니다.

TILT — The Maze Puzzle

기울여서 탈출, 시각장애인도 음성만으로 완전히 플레이 가능

출시 준비 중2026.05

가속도계로 스마트폰을 기울여 3×3 그리드에서 마커를 목표 칸으로 이동시키는 반응 속도 퍼즐 게임입니다. 라운드마다 타이머가 짧아져 긴장감이 높아집니다. 시각장애인을 포함한 모든 사용자가 동등하게 플레이할 수 있도록 설계했습니다. TTS 음성 안내, 남은 시간에 따라 60–180 BPM으로 변하는 메트로놈, 햅틱 피드백으로 화면 없이도 플레이 가능합니다. Supabase 실시간 글로벌 리더보드와 3단계 인터랙티브 온보딩 튜토리얼을 포함합니다.

React NativeTypeScriptExpoSupabaseexpo-sensorsexpo-speechexpo-audioexpo-haptics
TILT 메이즈 퍼즐 게임 화면
TILT 메인 메뉴 화면
메인 메뉴
TILT 게임플레이 화면
게임플레이
TILT 게임오버 / 리더보드 화면
게임오버 / 리더보드

ChainPlay

알고리즘이 아닌, 내가 만든 순서대로 자동 재생

출시 준비 중2026.05

원하는 유튜브 영상만 골라 내 순서대로 이어 보기 위해 만든 안드로이드 앱입니다. youtube.com/watch, youtu.be, Shorts, embed URL을 붙여넣으면 플레이리스트에 추가되고, 한 영상이 끝나면 다음 영상으로 자동 이동합니다. 별도 로그인 없이 YouTube 공식 플레이어를 사용하며, 이전/다음 이동, ▲▼ 순서 변경, 개별 삭제, 로컬 저장을 지원합니다.

React NativeTypeScriptExpo SDK 54react-native-youtube-iframeAsyncStorageIntl API
ChainPlay 메인 화면
ChainPlay 메인 화면 한국어
메인 화면
ChainPlay URL 추가 화면 한국어
URL 추가

Cassette Music Player

스킵 버튼 없는 레트로 카세트 뮤직 플레이어

출시 완료2025.05

1980년대 카세트 테이프 경험을 안드로이드 폰에 옮긴 음악 플레이어입니다. 요즘 스트리밍 앱처럼 바로 스킵하지 못하고, FF 버튼을 꾹 눌러야 다음 곡으로 넘어갑니다. Side A/B에 각각 30분씩만 담을 수 있고, 트랙 사이에는 테이프 노이즈가 재생됩니다. 로컬 음악 파일만 사용하므로 인터넷과 알고리즘 없이 내가 고른 곡을 끝까지 듣는 경험에 집중했습니다.

React NativeTypeScriptExpo SDK 54expo-routerexpo-avreact-native-reanimatedreact-native-svgAsyncStorage
Cassette Music Player 화면
Cassette Music Player Side A 플레이어 화면
Player Side A
Cassette Music Player 트랙 관리 화면
Library
Cassette Music Player Side B 재생 화면
Player Side B

back to dev

40대 PM이 다시 개발자로 돌아오는 기록

운영 중2026.04 ~

개발을 다시 시작하면서 배운 것들을 글로 남기는 개인 개발 블로그입니다. Markdown 파일을 GitHub에 올리면 GitHub Actions가 날짜에 맞춰 자동 발행하는 워크플로우를 직접 설계했습니다. Next.js App Router로 한국어·영어를 분리 운영하고, SEO 메타데이터·sitemap·robots까지 구성했습니다. 지금 이 포트폴리오 페이지도 이 블로그 안에 있습니다.

Next.jsTypeScriptVercelGitHub APIGitHub Actionsnext-intlTailwind CSS
back to dev 블로그 홈 화면
포스트 목록 화면
Posts

WiFi QR 코드 생성기

손님한테 비밀번호 받아 적는 거 이제 그만

운영 중2026.04

카페, 식당, 소상공인 공간에서 손님이 WiFi 비밀번호를 직접 받아 적는 불편함을 없애기 위해 만들었습니다. SSID와 비밀번호를 입력하면 즉시 QR 코드가 생성되고, 카드 형태로 인쇄해 벽에 붙여두면 손님이 카메라로 스캔해 바로 연결할 수 있습니다. 한국어·영어·중국어·독일어 4개 언어를 지원합니다.

ReactTypeScriptViteqrcode.reactZodi18n
WiFi QR 코드 생성기 화면

// 계속 추가 중입니다.