본문 바로가기

전체 글364

클래식 기타리스트가 만든 메트로놈, 이제 박자는 ‘손목 진동’으로 느끼자 – Crab the Beat 악기 연습할 때, 메트로놈 소리 대신 애플워치 진동으로 박자를 느껴보고 싶어서 직접 만든 iOS & Apple Watch 메트로놈 앱 이야기. 리듬 연습하다 보면메트로놈은 분명 켜놨는데,연주하다가 박자 감각이 슬슬 증발할 때 있지 않아? 그래서 그냥 앱을 하나 만들었어.기획부터 개발, 출시까지 내가 직접 만든 메트로놈 사이드 프로젝트.이름은 Crab the Beat (크랩 더 비트), 아이콘도 꽃게 🦀🦀🦀 Crab the Beat, 뭐 하는 앱이냐면 아이폰 + 애플워치 진동으로 “몸으로 느끼는” 메트로놈 앱 앱스토어 설명에도 이렇게 적어봤어.단순 메트로놈이 아니라,iPhone과 Apple Watch가 함께하는 연습 루틴 파트너고 박자에 맞춰 손끝에서 진동으로 리듬을 느끼게 하고,집중 모드에선.. 2025. 12. 12.
섬유유연제 이상형 월드컵. 향기를 골라줘요 섬유유연제 고를 때마다향 맡다 보면 머리 아픈 사람… 나만 아니지? 이 향도 좋고, 저 향도 좋고…막상 장바구니 넣을 땐 또 헷갈려서결국 “그냥 맨날 사던 거 또 사자…” 로 끝나는 그 루틴말이야. 그래서 그냥 앱을 하나 만들어봤어.내가 기획부터 개발까지 "직접" 만든 사이드 프로젝트!!이름은 섬유유연제 이상형 월드컵. 먼저, 다운 받을 곳 (iOS) 지금은 아이폰에서 바로 설치할 수 있오. App Store: 👉 https://apps.apple.com/kr/app/섬유유연제-이상형-월드컵/id6754215805 검색어: 섬유유연제 이상형 월드컵 현재는 다우니 고농축 라인 15종부터 지원하고 있고,피죤/샤프란/기타 인기 브랜드도 차근차근 추가할 예정이야. “이번엔 어떤 향 샀더라…?”“종류가 너.. 2025. 12. 12.
Escape Lock — 방탈출 자물쇠 툴킷 🔐 Escape Lock — 방탈출 자물쇠 툴킷 Escape Lock은 누구나 쉽게 사용할 수 있는 디지털 자물쇠 제작 앱입니다.숫자/문자 기반의 자물쇠를 직접 만들고, 문제·힌트·정답을 설정해 창의적인 방탈출 게임을 구성할 수 있습니다. 🎯 이런 상황에 사용해보세요! 친구들과 함께하는 오프라인 방탈출 게임교회 수련회, 학교 수업, 워크숍 게임QR 코드로 공유되는 퍼즐 미션 설정이벤트 부스, 캠프 게임, 학급 퀴즈 활동 등 🧩 주요 특징 자물쇠 생성: 문제, 힌트, 정답 입력PIN 해제 UI 제공 + 해제 결과 화면 구성힌트 보기, QR 스캔 진입 기능광고 없음 / 서버 저장 없음 / 완전 독립 실행형 👤 Escape Lock은 개인개발자가 만든 프로젝트로, 비상업적 교육/놀이/행사용으로 누.. 2025. 9. 29.
iOS 앱 개인정보처리방침 - Escape Lock iOS 앱 개인정보처리방침 - Escape Lock Escape Lock은 개인정보보호법을 준수하며, 이용자의 개인정보 보호를 가장 중요하게 생각합니다.본 애플리케이션은 개인정보 수집 없이 동작하는 독립 실행형(iOS) 앱으로, 사용자 정보 보호를 위한 다음과 같은 처리방침을 따릅니다. 1. 개인정보의 처리 목적 Escape Lock은 개인정보를 수집하거나 저장하지 않습니다.해당 앱은 iOS 디바이스 내부에서만 동작하는 독립형 앱이며, 외부 서버 또는 클라우드와의 연동 없이 로컬 저장소를 기반으로 동작합니다. 2. 개인정보 파일 현황 당사는 개인정보 파일을 운영하지 않습니다.쿠키, 세션, 로컬저장소를 통한 개인식별 정보 수집 또한 하지 않습니다.생성된 자물쇠 정보는 오직 사용자의 기기 내에만 저장되며.. 2025. 9. 29.
계획을 잠시 변경합니다 지난번 글에서 NextCreapps(가칭) 프로젝트를 소개드렸습니다.https://h1guitar.tistory.com/370 새로운 프로젝트를 시작합니다: NextCreapps (가칭)🎉 새로운 프로젝트를 시작합니다: NextCreapps (가칭) 최근에 준비 중인 프로젝트가 있어 살짝 소개하려 합니다.이름은 임시로 NextCreapps 라고 붙였어요. “Next + Create + Apps”의 합성어인데, 말 그대h1guitar.tistory.com 아이디어를 받아 앱을 제작하고, 그 과정을 영상과 글로 기록하는 ‘참여형 프로젝트’로 시작해 보겠다고 했죠. 하지만 최근에 “프로그래밍 좀비”님의 글을 읽으면서 제 마음이 크게 흔들렸습니다.300개가 넘는 개인 앱을 만들어서 결국 독립에 이른 그 과정을.. 2025. 9. 18.
새로운 프로젝트를 시작합니다: NextCreapps (가칭) 🎉 새로운 프로젝트를 시작합니다: NextCreapps (가칭) 최근에 준비 중인 프로젝트가 있어 살짝 소개하려 합니다.이름은 임시로 NextCreapps 라고 붙였어요. “Next + Create + Apps”의 합성어인데, 말 그대로 다음 앱을 함께 만들어가는 공방 같은 느낌을 담았습니다. 🚀 어떤 프로젝트인가요? 인스타그램, 유튜브, 블로그를 통해 아이디어를 받고커뮤니티에서 나온 의견을 실제 앱으로 제작하며그 과정을 영상과 글로 기록해 나가는 프로젝트입니다. 쉽게 말하면, 앱 제작 과정을 하나의 스토리로 즐길 수 있는 채널이라고 할 수 있어요. 개발자가 아닌 분들도 “앱이 이렇게 만들어지는구나” 하고 흥미롭게 보실 수 있도록 풀어갈 계획입니다. 📱 진행 흐름 아이디어 모으기댓글이.. 2025. 8. 20.
Flutter 앱은 어떻게 시작될까? "어...? 제가 아직 Flutter 앱이 어떻게 시작되는지 설명을 안 드렸네요?"하지만 오히려 잘됐습니다. 본격적으로 setState()를 파고들기 전에,Flutter 앱이 어떤 순서로 시작되고 화면이 만들어지는지부터 짚고 가겠습니다.main() → runApp() → MaterialApp → Scaffold로 이어지는 기본 흐름을 이해하면,이후의 상태 변경과 리빌드 타이밍이 훨씬 선명해집니다. 이미 여러분은 StatelessWidget, StatefulWidget을 익히셨기 때문에,이제 앱이 어떻게 시작되고, 어디서 이 위젯들이 등장하는지 더 편하게 이해하실 수 있을 거예요. 그럼 시작해볼까요? 1. 앱의 시작은 항상 main()부터모든 Flutter 앱은 아래 코드처럼 main()에서 시작됩.. 2025. 8. 6.
상태관리 시리즈 2 – StatefulWidget 생명주기 완전 정복 Flutter에서 상태 관리는 단순히 setState()만 알면 끝날까요?UI가 언제 다시 그려지고, 리소스는 언제 정리되는지 알지 못한다면, 앱은 예상치 못한 동작을 하게 됩니다. 이번 글에서는 StatefulWidget이 앱 안에서 어떻게 생성되고,어떤 과정을 거쳐 화면에 표시되며,마지막에 어떻게 정리되는지를 전체 흐름으로 살펴보겠습니다. StatefulWidget의 생명주기란?StatefulWidget은 내부 상태(state)의 변화에 따라build()가 다시 실행되고 UI가 갱신되는 구조입니다.그런데, 이 build가 언제 다시 실행되는지,또 dispose()는 정확히 언제 불리는지 명확하게 아시나요?Flutter는 위젯을 효율적으로 다시 그리기 위해 Dirty / Clean 상태로 나누고,정.. 2025. 8. 5.
상태관리 시리즈 1 - Stateless와 Stateful 완전 정복 Flutter 상태관리 시리즈 시작 – State 완전 정복Flutter 앱을 만들다 보면, 버튼 하나 눌렀을 뿐인데 화면이 바뀌고, 입력값에 따라 UI가 달라지는 걸 자주 경험하게 돼요. 이처럼 눈에 보이는 모든 변화 뒤에는 '상태(State)'가 있답니다. 이번 시리즈에서는 Flutter에서 상태를 어떻게 다뤄야 하는지, 가장 기초적인 StatelessWidget, StatefulWidget부터실제 앱에서 자주 쓰이는 Provider, Riverpod, Bloc까지단계적으로 하나씩 차근차근 정리해볼게요.Flutter 상태관리 기본 구조 이해 – Stateless와 Stateful Flutter에서 앱 UI는 상태(state) 에 따라 변해요.그리고 이 상태를 어떻게 관리하느냐에 따라 앱의 구조와 유.. 2025. 8. 5.
Navigation 시리즈 002 - AlertDialog, 다이얼로그의 기본 익히기 앱을 만들다 보면 "정말 삭제하시겠습니까?" 같은 질문을 던져야 할 때가 있습니다.사용자로부터 명확한 응답을 받아야 하는 순간이죠. Flutter에서는 이럴 때 AlertDialog라는 위젯을 사용합니다.이 글에서는 AlertDialog의 구조부터 결과 처리,그리고 실무에서 자주 쓰이는 분리/재사용 방식,마지막으로 iOS/Android 대응 방식까지 단계별로 정리해보았습니다. 다이얼로그, 왜 쓰는 걸까?AlertDialog는 모달 다이얼로그입니다.즉, 사용자의 응답을 기다리는 동안 다른 인터랙션을 막고,중요한 메시지를 강하게 전달할 수 있게 해줍니다. Android에서는 Dialog,iOS에서는 UIAlertController가 각각 대응되며, Flutter에서는 이 모든 걸AlertDialog 또.. 2025. 8. 5.
반응형

티스토리툴바