Sooyoung Studio & Archive
아이디어를 만난 수영,
마음껏 헤엄치는 공간.
1인 개발자 수영의 프로젝트 스튜디오이자 아카이브입니다. 직접 만드는 이번캠(MyCamp) 등의 서비스 프로젝트와 그 과정에서 기록한 개발일지(Devlog)를 한곳에 담아두고 있습니다.
Flagship Project
대표 앱 프로젝트
웹·앱 출시MyCamp · 캠핑 탐색·기록·커뮤니티 서비스
이번캠 (MyCamp)
캠핑장 탐색, 후기와 방문 기록, 플랜을 연결하는 개인 서비스. 방문 기록과 분리된 질문·정보·이야기 커뮤니티를 운영하며, 사용자 피드백과 페이지 이동 흐름을 개선하고 있습니다. 웹과 운영 웹을 로드하는 Capacitor 기반 iOS·Android 앱을 제공합니다.
- 전국 캠핑장 검색과 지도 기반 후보 비교
- 가보고 싶은 캠핑장 플랜 저장·공유
- 날씨·장비·사이트 정보를 담은 후기 기록
- 방문 기록과 분리된 캠핑장 연결 커뮤니티
#iOS·Android 출시#Next.js App Router#TypeScript#Supabase#Capacitor 앱 셸
🏕️
iOS · AndroidMyCamp
Camp Log & Photo Journal
Featured Series
실전 개발 연재 시리즈
하나의 프로덕트를 처음부터 끝까지 직접 만들며 마주친 문제와 해결 과정을 기록한 심층 시리즈입니다.
🏕️총 5편 완결
이번캠 (MyCamp) 개발기
아이디어 기획부터 GoCamping 공공데이터 연동, Supabase RLS 트러블슈팅, Capacitor로 Apple App Store 심사 통과까지.
🎨총 3편 연재
그림톡 (GrimTalk) 제작기
아이가 그린 그림이 말을 걸어주는 인터랙션 기획과 결과 화면 리디자인, 지속적인 대화 경험 설계 과정.
⚖️총 5편 완결
삼문판결 MVP & 회고
3문장 판결문 아이디어 검증, 재심 장치 설계, 데이터 기반 운영 지표 분석과 프로젝트 피벗 기준 정립 이야기.
Latest Devlogs
최신 개발 일지
이번캠 운영기 2: 로그인부터 뒤로가기까지, 사용자의 흐름을 지키기
로그인 뒤 원래 글로 돌아오기, 좋아요 반응과 미디어 실패 복구, 카카오맵 장소 입력과 피드 상태 유지까지. 출시 후 사용자의 흐름이 끊기는 순간을 줄여간 과정을 정리했다.
이번캠 운영기: 사용자 피드백에서 커뮤니티 분리와 이동 성능 개선까지
출시한 캠핑 서비스를 운영하며 로그인·반응·업로드 흐름을 보완하고, 방문 기록과 커뮤니티를 분리한 과정. 서울 리전, 요청 단위 캐시와 응답 경합을 다루며 측정 조건과 모바일 검증의 한계까지 정리했다.
Next.js App Router canonical 점검: Search Console 대체 페이지를 구분하는 방법
이 블로그의 실제 메타데이터 구성을 기준으로 canonical 상속, 한글 주소와 Search Console 확인 절차를 정리했다. 색인 생성과 광고 승인은 별도 판단임을 구분한다.
Next.js 16과 Tailwind CSS에서 다크/라이트 테마 깜빡임(FOUC) 없이 구현하기
Next.js 16 App Router 환경에서 localStorage 기반 다크 모드 전환 시 발생하는 첫 화면 깜빡임(FOUC) 문제를 인라인 스크립트와 CSS 변수로 깔끔하게 해결한 과정.
React 마크다운 렌더러에 스마트 목차(TOC)와 스크롤 스파이(Scroll-Spy) 적용기
긴 기술 블로그 아티클을 읽기 편하게 만들기 위해 마크다운 헤딩(#, ##)을 자동 추출하여 동적 목차(TOC)를 생성하고 IntersectionObserver로 실시간 스크롤 스파이를 구현한 경험.
캠핑인스타 만들기 5편: '이번캠(MyCamp)' 리브랜딩과 Capacitor로 Apple App Store 심사 통과한 이야기
캠핑인스타를 '이번캠(MyCamp)'으로 리브랜딩하고, Capacitor를 활용해 Next.js 웹 서비스를 Apple App Store(iOS)에 공식 출시하며 겪은 심사 통과와 트러블슈팅 기록.