본문 바로가기

전체 글122

[앱인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.
[Claude] CLAUDE.md 에 대하여 claude code에서 사용자가 prompt 를 전송하면 agentic 이 그 명령을 실행하기 위해 아래의 그림과 같은 동작을 한다. 여기서 첫번째"Gather context" 라는 부분은 "관련 정보를 자동으로 수집한다" 라는 의미로 해석할 수 있다. 관련 정보라는 건 다음과 같은 업무가 될 수 있다. 관련 파일 프로젝트 구조 CLUADE.md (프로젝트 규칙) 최근 변경사항 에러 로그 CLAUDE.md 는 claude 가 "Gather context"를 할 때, 참조하는 문서라서, 프로젝트마다 잘 세팅해두면 매번 설명하지 않아도 통일된 규칙으로 코딩할 수 있다.(단, 최초 대화를 시작할 때 1번만) Claude Code 실행 → CLAUDE.md 자동으로 읽음 → 대화 내내 컨텍스트에 유지 .. 2026. 1. 28.
[PROMPT] 서비스용 나만의 프롬프트 1 완성 이제 이걸 바탕으로 서비스를 만들어나가겠음.project/├── CLAUDE.md # AI 코딩 규칙 (AI가 코드 작성 시 참조)├── PROMPT.md # AI 프롬프트 템플릿 모음├── README.md # 프로젝트 소개 (현재 파일)│└── docs/ ├── ARCHITECTURE.md # 시스템 아키텍처 (구조, 계층, 배포) │ ├── common/ # 공통 개발 가이드 │ ├── ERROR.md # - 에러 코드, HTTP 상태, 응답 포맷 │ └── LOGGING.md # - 로그 레벨, 포맷, 민감정보 처리 .. 2026. 1. 25.
미들웨어란 무엇일까? 🔗 미들웨어(Middleware) 완벽 가이드개발할 때 꼭 알아야 할 미들웨어의 모든 것을 정리했습니다.🤔 미들웨어란? 요청(Request)과 응답(Response) 사이에서공통으로 처리할 일을 하는 코드쉽게 말해서 "중간에서 가로채는 것" 이에요. 💡 비유로 이해하기 ┌─────────────────────────────────────────────────────────────┐│ ││ 🏢 회사 방문 과정 ││ .. 2026. 1. 25.
반응형

티스토리툴바