본문 바로가기

Tech Notes115

[앱인토스] 앱 테스트 시 localStorage 삭제 방법 온보딩 화면을 넣으면서 테스트 방법을 찾던 중 다음과 같은 방법을 안드로이드 중심으로 공유해봅니다. 1. USB로 연결되어 있는 상태를 확인. 2. 샌드박스에서 앱 실행3. PC 크롬에서 chrome://inspect 열어서 토스 웹뷰 항목 찾기 4. 아래와 같이 개발자 모드 창이 뜨고 console 탭을 눌러서 다음의 명령어를 입력 * 가능하면 한 줄씩 입력후에 enter를 치는 게 좋다 localStorage.removeItem('hanginthere_home_seen') location.reload() 2026. 2. 14.
[앱인토스] Error: java object gone 간밤에 sentry에서 에러 메일이 와 있었습니다.궁금해서 내용을 살펴보니 다음과 같이 에러 내용이 써 있었어요. 원인은 WebView와 네이티브(Java/Android) 간 통신 문제였습니다.즉, postMessage 를 호출하려는 시점에 java 쪽 브릿지 객체가 GC(가비지 컬렉션)되었거나 WebView 가 파괴된 상태라고. [ErrorTracker] Error: Error invoking postMessage: Java object is gone [object Object] .. 2026. 2. 14.
[앱인Toss] 인앱 광고 넣기 인앱토스에서 광고를 넣는 부분이 있다.빌드 후 제출 시에 테스트 광고를 테스트 할 수 있는데, 앞으로도 헤매지 않기 위해 여기에 정리해보려고 한다. 광고는 2종류(전면형 광고, 보상형 광고)가 있다.보상형 광고엔 return 값을 가지고(미리 설정해둔) 사용자에게 benefit 을 줄 수 있다. 위의 내용을 간단하게 요약하자면 광고를 미리 Load 했다가 --> 어떠한 Action 에 ---> 보여주는 것 (Show) 여기서의 핵심은 "미리" 이다.따라서 타이밍이 중요한데, 몇번 삽질을 하다가 결국 앱 마운트 시에 미리 가져오는게 가장 합리적(?)이라는 판단을 하게 되었다. 그리고 또 하나, 광고를 show 해서 보여줬으면 미리 Load 해 놓기 p. s: 이제 헤매지 않겠지참고 : 앱인토스 개발자.. 2026. 2. 10.
앱 딥링크(Deep Link) 완벽 가이드 📱 Mobile Deep Linking 앱 딥링크(Deep Link)완벽 가이드 딥링크의 개념부터 URI Scheme, Universal Links, App Links, Deferred Deep Link까지 — 한번에 이해하는 모바일 딥링크의 모든 것 목차 딥링크란 무엇인가? 딥링크의 2가지 핵심 방식 방식 1 — 커스텀 URI Scheme 방식 2 — Universal Links / App Links OS는 앱과 URL을 어떻게 연결하나? Deferred Deep Link란? 한눈에 비교하기 실무 활용 시나리오 정리 .. 2026. 2. 5.
[앱인토스] WebView 미니앱 테스트 방법 앱인토스 WebView 미니앱을 개발하면서 테스트 환경 구성에서 생각보다 삽질을 많이 했어요. 공식 문서만으로는 파악하기 어려운 부분들이 있거든요. 특히 iOS 무선 테스트 설정과 배포 후 실기기 테스트 과정이 처음엔 헷갈리기 쉬운데, 직접 겪은 내용을 단계별로 정리했어요. 1. 개발 환경 구성: 기본적으로 apps-in-toss/web-framework 의 프레임워크를 사용하고, 빌드 번들 파일(배포용 패키지)의 설정을 해줍이다.npm install @apps-in-toss/web-frameworknpx ait init npx ait init 명령어를 실행하면 granite.config.ts 파일이 생성됩니다.import { defineConfig } from '@apps-in-toss/web-fra.. 2026. 2. 5.
Tauri로 웹 개발자도 데스크톱 앱 만들기 "Next.js로 만든 웹사이트를 5MB짜리 .exe 파일로 만들 수 있다고?" 🤔 왜 데스크톱 앱이 필요한가?웹 개발자인 나는 평소에 React, Next.js로 웹사이트를 만들었다. 그런데 클라이언트가 이런 요청을 했다:"이거 웹사이트 말고 프로그램으로 만들어주세요. 더블클릭하면 실행되는 거요!"아... 데스크톱 앱이라니. C++이나 C# 배워야 하나? 아니면 Python으로 PyQt 써야 하나?그때 발견한 게 Tauri였다.🎯 Tauri란 무엇인가?"웹 기술로 데스크톱 앱을 만드는 프레임워크"간단히 말하면:React/Vue/Next.js로 만든 웹사이트 ↓ Tauri로 빌드 ↓Windows/Mac/Linux 실행 파일 (.exe, .dmg, .AppImage)E.. 2026. 1. 31.
반응형