STILLCODING INDEPENDENT DEVELOPER · SEOUL Still Coding은 개인 개발자 JH Kim이 직접 설계하고 만들고 운영하는 웹 앱을 모아 둔 포털입니다. 친구와 링크 하나로 시작하는 게임 모음, 일본어 문자를 쓰고 들으며 익히는 학습 도구, 서버에 자료를 남기지 않는 팀 협업 공간, 버스 노선으로 도시를 읽는 탐색 도구, 글자로 쓴 악보를 피아노로 연주하는 스튜디오, 목소리의 음정을 눈으로 확인하는 연습 도구, 스트로크를 대신해 주는 기타 자동 반주가 있습니다.
모든 앱은 설치나 회원가입 없이 브라우저에서 열립니다. 각 앱의 상세 안내에서 누구를 위한 도구인지, 처음 시작하는 세 단계, 데이터를 어디에 저장하는지, 자주 묻는 질문을 확인할 수 있습니다. 앱을 만들며 배운 기술과 설계 결정은 개발 노트에 기록합니다.
소개 대신, 작동하는 것들.
서로 다른 질문에서 시작한 작업들.
링크 하나로 함께 즐기는 브라우저 게임.
함께 노는 일은, 가볍게.
사진 퍼즐과 슬라이딩 퍼즐, 숫자 야구, 숫자합 퍼즐, 6×6 미니 스도쿠, 포켓 레이스, 스파이 게임, 그리고 작은 시야로 관찰하는 PINHOLE과 합 10을 잇는 SUM DROP, 모두 손을 고른 뒤 한 번에 공개하는 가위바위보까지. 공개방과 비밀방을 열어 게임에 따라 최대 12명이 설치 없이 함께합니다.
하나의 입구, 서로 다른 열 가지 놀이. 게임을 고르고 방을 만든 뒤 링크로 초대하는 흐름에 여러 게임을 모았습니다.
손과 감각으로 익히는 공부 도구.
연주하고, 듣고, 소리를 눈으로 확인하는 도구.
스트로크는 앱에게, 연주는 당신에게.
실시간 코드 전환과 곡 코드 차트 반주, 두 가지 방식으로 반주합니다. 키·박자·리듬·템포·스윙과 스트럼 패턴을 고르고, 물리 모델링으로 만든 어쿠스틱 기타 소리를 지판 화면과 함께 듣습니다.
코드만 바꾸면 리듬이 이어집니다. 준비는 짧게, 음악에 쓰는 시간은 길게 가져갈 수 있도록 실시간 코드 전환과 곡 코드 차트, 두 가지 반주 방식을 만들었습니다.
악보에서 소리까지, 같은 스튜디오.
Piano Play는 제품 Songnote의 포털 이름입니다. 예제 악보를 따라 ABC를 편집하고, 합성 피아노로 재생하고, 화면의 108건반으로 연주합니다. 만든 악보는 서버가 아니라 이 브라우저에만 남습니다.
Piano Play는 앱의 제품명인 Songnote와 같은 주소의 같은 악보·피아노 스튜디오입니다.
목소리의 높이를, 눈앞에.
마이크로 들어오는 목소리의 높낮이를 시각화해 음정을 바로 확인합니다. 마이크 없이도 데모와 사용 가이드를 먼저 볼 수 있습니다.
마이크 입력을 분석해 현재 음과 음의 흔들림을 한눈에 확인합니다.
일과 일상을 덜어 주는 실용 앱.
함께 생각하는 공간의 구조.
화이트보드, 브레인스토밍, Q&A, 퀴즈, 투표, 파일 공유, 공지, 피드백 8가지 도구를 하나의 비밀 룸에서 WebRTC로 직접 연결합니다.
화이트보드부터 워크숍 피드백까지 8가지 도구를 팀원 사이의 WebRTC 연결로 협업합니다.
페이지를 고르고 엮는 일, 안전하게.
업로드한 PDF 파일을 외부 서버로 보내지 않고 브라우저 메모리 안에서만 처리합니다. 페이지 순서 변경, 90도 회전, 빈 페이지 삽입, 자유 펜 및 도형 주석, 원하는 페이지만 골라 새로운 PDF로 병합 다운로드까지 하나의 화면에서 안전하게 마칩니다.
문서를 서버로 올리지 않고 브라우저 안에서 순서를 바꾸고, 회전하고, 그리고, 합칩니다.
노선을 따라, 도시를 다시 읽기.
정류장과 노선을 오가며 익숙한 도시의 연결을 다른 시선으로 살펴봅니다. 이동 정보가 하나의 탐험 경험이 됩니다.
정류장과 경로를 정보로만 보여주지 않고, 연결을 발견하는 탐색 경험으로 풀었습니다.
CONCEPT → DESIGN → CODE → OPERATION여러 개의 작업, 하나의 작업대.
버스 환승 경로 탐색을 우선순위 큐로 만들었더니 실제 질의에서 아무것도 찾지 못했습니다. 탑승 횟수별 라운드 탐색과 도보 환승으로 바꾼 과정, 후보를 고르는 규칙, 300개 질의로 잰 결과를 정리합니다.
공공데이터에는 정류장 사이 소요 시간표가 없습니다. Bus Explorer가 실시간 도착 정보, 관측한 구간 중앙값, 기본값을 섞어 경로의 소요 시간을 추정하고, 그 추정이 어디서 왔는지 함께 보여 주는 방법을 코드로 정리합니다.
Bus Explorer는 정류장 사이 소요 시간을 예측값이 아니라 관측으로 재려고 차량 위치를 반복 수집합니다. 첫 측정에서 모든 구간이 폴링 간격과 같은 40초로 나온 버그의 원인, 도착 시점을 중간에 놓는 해법, 하루 호출 한도 안에서 도는 수집기 설계를 정리합니다.
호출 한도가 있는 공공 버스 API를 쓰는 Bus Explorer가 실시간 위치를 캐시하는 방법을 정리합니다. 같은 키의 동시 요청 병합, 실패 시 30·60·120초 물러서기, 한도 초과 시 서비스 단위 차단, 오래된 값을 신선한 척하지 않는 규칙을 코드로 설명합니다.
설명은 짧게. 작업은 계속.
아이디어를 설계하고, 코드로 만들고,
직접 운영합니다.
게임에서 학습 도구, 협업 공간까지.
관심이 생기면 만들고, 만들면서 더 깊이 이해합니다.
