본문 바로가기

전체 글125

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.
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.
Claude Code의 --continue와 --fork 완벽 가이드 : git 과 비슷 Claude Code로 작업하다 보면 세션을 관리해야 할 때가 있습니다.--continue / --resume: 기존 대화를 그대로 이어가기--fork: 기존 대화 내용은 가져가되, 새로운 방향으로 실험하기 Git으로 비유하면?--continue: 같은 브랜치에서 계속 작업 (git checkout main)--fork: 새 브랜치 생성 (git checkout -b experiment)--continue는 언제 쓸까?1. 긴 작업을 시간 단위로 쪼갤 때 bash# 🌅 오전 9시: SubTrans 프로젝트 시작claude "일본어 SRT 파일 파싱 모듈 구현해줘"# -> 기본 구조 완성# 🏢 회사 업무...# 🌙 저녁 10시: 이어서 작업claude --continue "이제 번역 API 연동하고.. 2026. 1. 29.
[Claude] Agent 와 Tool 의 차이 사용자가 Promt 를 날리면 아래와 같은 agentic loop 의 과정을 거친다고 했다.그때마다 적절한 tool 을 사용하게 되는데 이들의 차이를 알아보고자 한다. 사용자의 프롬프트>이 bug 를 고쳐줘다음의 과정을 거침[Gather Context] ↓ Tool: 파일 읽기, 검색 등 ↓[Claude(Agent) 판단] ← 여기가 "뇌" "아 여기가 문제구나" ↓[Take Action] ↓ Tool: 파일 수정 ↓[Verify Results] ↓ Tool: 테스트 실행 ↓[Claude(Agent) 판단] "통과했네" or "다시 해야겠다" → Loop 반복* 즉, Agent 는 마치 뇌가 있는 것 처럼(사람처럼) 판단을 하는 존재이고Tool은 시키는 .. 2026. 1. 28.
반응형

티스토리툴바