오늘도 버터

안녕하세요, 개발자 버터입니다.🧈 클로드를 개발 업무에 많이 쓰고 있지만, 자주 쓰거나 다시 보고 싶은 내용을 정리하고자 합니다.그래서 총 5편으로 나눠 정리하고자 합니다. 이 글은 Claude Code 완전 정복 5편 시리즈 중 첫 번째입니다. ① 세션과 컨텍스트 — 기초 체력 만들기 ② CLAUDE.md와 설정 — Claude가 나를 기억하게 만드는 법 ③ 병렬 작업과 서브에이전트 — 혼자 다 하지 말고 위임하기 ④ Hooks · MCP · Skills — Claude Code를 내 것으로 확장하기 ⑤ 고급..

안녕하세요, 개발자 버터입니다. 🧈 광고 배너를 눌렀는데 앱스토어가 뜨고, 설치 후 다시 광고를 찾아서 원하던 상품 페이지를 열어야 했던 경험이 있으실 겁니다. 혹은 반대로, 링크를 눌렀더니 앱이 바로 열리면서 원하는 화면으로 딱 이동했던 경험도요. 이 두 경험의 차이를 만드는 게 딥링크입니다. "그냥 링크 하나 만들면 되는 거 아닌가?" 저희 팀도 처음엔 이랬습니다. 직접 파고들수록 생각보다 복잡한 문제라는 걸 알게 됐고요. 이 글에서는 딥링크가 뭔지, 구현 방식이 어떻게 발전해왔는지, 그리고 결국 저희가 직접 구현 대신 서드파티 솔루션을 선택하게 된 맥락을 정리해봤습니다. • • • 📑 목차 ●딥링크가 필요한 이유 ●딥링크 구현 방식의 ..

GA4 탐색으로 클릭 수 분석하고 UX 개선하기 서비스를 운영하다 보면 “유저가 어디서 이탈하는지”를 명확히 파악하는 것이 가장 중요합니다.이번 글에서는 GA4의 탐색(Exploration) 기능을 활용해 단계별 클릭 수를 분석하고, 이를 기반으로 UX 문구를 개선한 과정을 공유합니다. 1. GA4 탐색(Exploration) – 새 탐색 분석 만들기 GA4 좌측 메뉴에서 탐색 → 새 탐색 분석을 선택합니다.탐색 기능은 기본 리포트보다 훨씬 자유롭게 데이터를 조합할 수 있어, 유저 행동 흐름을 분석하는 데 적합합니다 2. 측정기준 선택 - 이벤트 이름 다음으로 측정기준에 이벤트 이름을 추가합니다.이 단계는 “어떤 행동을 기준으로 볼 것인가”를 정하는 과정입니다.예를 들어버튼 클릭, 다음 단계 이동..

지난 글에 이어서 오늘은 react 프로젝트에 gtm을 적용해보겠습니다. 1. SPA에서 이벤트 트래킹, 어떤 방식을 선택할까?본격적인 적용에 앞서, SPA에서 이벤트를 추적하는 방식들을 비교해보고 왜 dataLayer push 방식을 선택했는지 설명하겠습니다. 방식 1: data-id + 정규식DOM에서 data-id 속성을 찾아 패턴 매칭으로 이벤트를 발생시키는 방식입니다.문제점- 같은 data-id가 여러 위치(헤더, 본문, 모달 등)에서 사용되면 어디서 발생한 이벤트인지 구분 불가- 한 번 클릭에 중복 이벤트 발생 가능 - React 리렌더링 타이밍과 맞지 않는 경우 발생 방식 2: History Change 트리거React Router가 URL을 변경할 때 GTM의 History Chang..

프론트엔드 개발하다 보면 언젠간 마주치는 순간이 있습니다."사용자가 어떤 버튼을 많이 클릭하는지 알고 싶어요.""어느 페이지에서 이탈이 많이 일어나나요?""광고 통해 들어온 사람들 구매율 좀 측정해주세요."그래서 당연히 Google Analytics 설치하려고 검색하는데가이드마다 자꾸 같이 나오는 낯선 이름, Google Tag Manager"GA와 GTM?" ,"둘 다 구글 껀데 왜 따로 있는 거지?"둘 다 "데이터 추적"이라고 하니 더 헷갈렸습니다.결론부터 말하면, 이 둘은 역할이 다릅니다. 하지만 함께 쓸 때 제대로 빛납니다.오늘은 GTM과 GA의 차이를 정리하고자 합니다.1. GTM이란? - 똑똑한 데이터 수집 관리자웹사이트에서는 수많은 일이 일어납니다. 페이지 조회, 버튼 클릭, 동영상 재생,..

최근 교대역 잡코리아 라운지에서 진행된 밋업에 다녀왔습니다. 토스, 네이버, 카카오뱅크 등 소위 '네카라쿠배' 현직자들이 모여 AI가 바꾸고 있는 개발 생태계와 미래의 생존 전략에 대해 심도 있는 인사이트를 나누어 주셨는데요.현장에서 느꼈던 뜨거운 열기와 주요 세션 내용을 블로그 글로 정리해 보았습니다. 10월 28일 교대역 잡코리아에 라운지에서 진행되었습니다.귀여운 간식과 잡코리아 키링을 준비해주셨습니다. 세션 1. 바이브코딩은 신용카드와 같아요 - 토스 서버개발자 조민규AI로 코드를 슥슥 뽑아내는 건 마치 어린아이에게 신용카드를 쥐여주는 것과 같습니다.빚이많으면 갚아야하는것과 같이 바이브 코딩은 코드를 빠르게 생성하지만나중에 코드를 검토하고 수정하는 빚(코드 부채)를 갚아야 한다는 의미죠.AI 시..

앱을 만들어 출시하려면 몇 가지 필수 준비물이 필요한데,그중 하나가 바로 개발자 계정입니다. 개인 계정과 달리 조직(회사) 계정은인증 절차가 까다롭고 준비물도 많습니다. 최근 직접 회사용 애플과 안드로이드 계정을 생성하며 겪은 과정과 팁을 공유합니다.애플애플은 보안과 신뢰성을 중요하게 생각하는 만큼, 가입 절차가 상대적으로 복잡하고 '전화 인증'이라는 단계가 포함되어 있습니다.🧑‍💻가장 많이 참고한 글https://app-dev.mytory.net/2021/03/22/register-apple-developer-program-as-organization/ 애플 개발자 계정: 회사 계정으로 가입하기 상세 가이드애플 개발자 프로그램에 가입하는 과정을 다들 기록해 두더라. 나도 도움을 얻었으니 도움이 되 ..

최근 회사에서 react native를 사용해서앱을 주요 담당해서 개발하고 있습니다. 스플래시 화면을 개발하던 중 흥미로운 사실을 발견했습니다.스플래시 화면이 항상 표시되는 것이 아니라특정 상황에서만 나타난다는 점이었습니다. 조금 더 알아보니 스플래시 화면은 콜드 스타트와 웜 스타트에서는 표시되지만,핫 스타트에는 표시되지 않았습니다. 이 차이가 궁금해져 Android 앱의 세 가지 시작 방식에 대해 정리해보았습니다. 1. 콜드 스타트 (Cold Start)콜드 스타트는 앱이 완전히 새롭게 시작되는 가장 느린 시작 방식 특징:앱 프로세스가 메모리에 전혀 존재하지 않는 상태시스템이 새로운 프로세스를 생성하고 Application 객체를 초기화Activity를 처음부터 생성하고 레이아웃을 inflate메..