본문 바로가기

Tech Notes122

HTML5란? 웹에서 게임까지, 플러그인 없이 다 되는 시대 HTML5란?HTML5는 웹페이지를 만드는 표준 언어인 HTML의 5번째 버전이다. 단순한 "버전업"이 아니라, 웹에서 할 수 있는 것들이 폭발적으로 늘어난 전환점이었다.이전 HTML4 시절에는 웹에서 동영상을 보려면 Flash Player를 설치해야 했고, 게임을 하려면 Java Applet이 필요했다. 브라우저만으로는 텍스트와 이미지 배치 정도가 한계였다.HTML5가 등장하면서 이 모든 것이 브라우저 자체에서 가능해졌다. 별도 플러그인 설치 없이, 동영상 재생, 게임 실행, 실시간 통신까지 웹 브라우저 하나로 모든 것을 처리할 수 있는 시대가 열린 것이다.HTML5에서 추가된 핵심 기능들1. Canvas API — 브라우저 위의 도화지일반 HTML이 버튼, 텍스트, 이미지를 배치하는 것이라면, Can.. 2026. 2. 15.
[앱인토스] 앱 테스트 시 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.
반응형

티스토리툴바