토스 앱에서 사용자가 어떤 화면을 보고 무엇을 눌렀는지는 앱로그로 남아요. 토스는 이렇게 쌓이는 로그를 서비스 품질을 높이는 목적으로 사용해요. 그래서 로그를 처음부터 정확하고 일관되게 정의해야 분석 결과도 믿을 수 있어요. 이를 위해 로그를 전담해 설계하고 관리하는 DataOps Ma…
critical-script, 배달의민족 웹뷰 로딩 성능을 30% 개선한 인라인 스크립트 로딩 전략 이야기 들어가며 배달의민족 앱은 일부 지면을 웹뷰로 구성하는 하이브리드 앱입니다. 대표적인 커머스 서비스인 B마트의 가게홈 지면도 웹뷰로 구성됩니다. 웹뷰는 한 번의 개발로 iOS와 An…
3년 동안 쌓이기만 하던 원티드 앱 리뷰에 다시 답글을 달기 시작했다. 원티드 Android, iOS 앱 리뷰는 거의 3년째 방치되어 있었습니다. 조직 개편이 진행되는 동안 누가 담당자인지 모호해졌습니다. 다들 언젠가 해야 한다고는 생각했지만 막상 누구 일도 아닌 상태로 시간이 흘렀 버…
Module Federation: singleton이면 당연히 하나겠죠? 따로 빌드된 코드가 하나의 인스턴스를 참조하게 하기 Joon • Core Client Web - Frontend Invalid hook call. Hooks can only be called inside the b…
루프를 품은 그래프 엔지니어링: Claude Code와 OmO로 본 설계와 실행 "이 PR 리뷰하고, 문제 있으면 고쳐 줘." 코딩 에이전트에게 PR(Pull Request) 리뷰와 수정을 맡길 때 요청은 이 한 줄이면 되지만, 에이전트가 할 일은 여러 단계로 나뉩니다. 이를테면 PR의…
글. 박수봉(Henby) / 서비스웹개발팀 안녕하세요. 서비스웹개발팀 헨비입니다. 9월 7일, 여기어때 해외투어 서비스를 오픈했습니다. 프론트엔드 담당 개발자는 두 명이었고, 웹과 앱 웹뷰를 하나의 코드베이스로 개발했습니다. 저는 웹 카테고리홈·상품 상세·주문서·예약내역·해외투어용 채팅…
안녕하세요. 토스뱅크에서 패키지 개발 환경을 개선하고 있는 기술그룹입니다. 패키지를 사용하는 쪽(이하 호스트)에서는 패키지 코드가 어떤 브라우저까지 지원하는지, 패키지 개발 중 사용하던 API를 실행 환경에서도 쓸 수 있는지 따로 살펴봐야 했어요. 호스트에서 패키지의 원본 소스 코드를…
안녕하세요. 토스뱅크에서 패키지 개발 환경을 개선하고 있는 기술그룹입니다. 토스뱅크에서는 여러 서비스가 함께 쓰는 코드를 패키지로 관리해요. 그동안 ECMAScript Modules(이하 ESM)와 CommonJS(이하 CJS) 두 형식으로 빌드하고, package.json의 expor…
프리로드 API 없는 광고 SDK에 프리로딩을 적용하며 배운 것 매시간 황금알(aka, 플레이허브 v2.1)의 반복형 광고 미션에서 프리로딩을 수명주기로 설계하기까지 시작하며 매시간 황금알(aka, 플레이허브 v2.1)은 여러 모바일 앱 안에서 사용자가 광고에 참여하고 포인트 같은 보상…
영상 최적화의 대상은 영상만이 아니었다 매시간 황금알(aka, 플레이허브 v2.1)의 거위는 단순한 장식이 아니라 사용자의 현재 상태와 다음 행동을 알려주는 UI였습니다. 하지만 여러 앱의 WebView에서 영상이 늦게 나타나거나 인라인으로 재생되지 않는 문제가 발생했습니다. 스틸 이미…
들어가며 안녕하세요. 카카오뱅크 신사업클라이언트개발팀의 프론트엔드 개발자 Aiden입니다. 저희 팀은 카카오뱅크 앱 내 ‘투자’ 탭과 ‘혜택’ 탭을 중심으로, 네이티브 앱의 강력한 성능과 모바일 웹의 유연함을 결합하여 사용자에게 더욱 풍부하고 매끄러운 서비스 경험을 선사하고 있습니다.…
버그 티켓, AI에게 맡겨봤습니다 — QUBA 개발기 QA가 등록한 Jira 버그 티켓을 AI Agent가 먼저 조사하고, 원인과 수정안까지 제안한다면 어떨까요? 사이드 프로젝트로 시작한 버그 처리 자동화 Agent ‘QUBA’의 설계 과정과, 분석 품질을 좌우한 데이터 임베딩·RAG…
코딩 에이전트가 Spring을 못 짠다면, component scan부터 걷어내 보세요 라이브러리 버전을 올리던 중 컨트롤러 테스트 하나가 10번 실행해 10번 모두 실패했습니다. 로그에는 같은 이름의 빈이 두 번 정의됐다는 BeanDefinitionOverrideException이 남…
0. 들어가며 PM: "여기에 관련 문서 모아 두었어요. 확인 부탁드립니다." 개발자가 기획을 전달받을 때 흔히 마주하는 장면입니다. 문서 링크가 담긴 메시지를 받으면 개발자는 그것을 다시 개발 요건으로 정리한 뒤에야 구현에 들어갑니다. 이 과정을 반복하다 보니 한 가지 의문이 들었습니…
플랫폼 행성에 떨어진 서비스 개발자 느닷없이 거센 돌풍이 불어 낯선 땅에 착륙했다든지, 망망대해에서 방향을 잃고 외딴 섬에 표류하게 되었다든지, 시공간이 뒤틀려 새로운 행성에 도착했다든지. 낯선 곳에서 홀로 남겨져 살아남아야 하는 이야기들이 참 많습니다. 그중에서도 소설을 원작으로 한…
안녕하세요. 무신사에서 오프라인 서비스를 담당하는 Store Commerce 엔지니어링팀 노수아입니다. 오프라인 스토어에는 줄이 생깁니다. 팝업이 열리면 고객들이 매장 밖에서 입장 순서를 기다리고, 주말이나 피크 시간대에는 피팅룸 앞에도 긴 줄이 생깁니다. 그래서 웨이팅 서비스가 필요합…
date slug author status tags(최대 3개) summary type thumbnail category updatedAt 지금까지 디자인 시스템의 주 사용자는 사람이었습니다. 아임웹의 디자인 시스템도 개발자 경험, 즉 DX(Developer eXperience)를 기준…
How Demo Day Care Visualized Benchmark Results with AI:GO At JunctionX Korea 2026 hackathon, held at POSTECH in Pohang from August 21 to 23, Lablup and FuriosaA…
안녕하세요. 당근 로컬비즈니스실 동네걷기팀에서 FE 인턴으로 일하고 있는 카멜(진나영)이에요. 당근 동네걷기는 걸음 수를 기록하고 보상을 제공하는 서비스예요. 그런데 모달, 바텀시트, OS 권한 팝업이 각기 다른 조건에서 열리다 보니, 한 화면에 여러 UI가 겹쳐 나타나는 문제가 있었어…
Product Engineer 시리즈 3편. 1편 우리는 Product Engineer를 선택했나, 2편 Product Engineer의 가능성과 조건에 이어지는 글입니다. 6월 2일, iOS 릴리즈 브랜치에 제가 작업한 기능을 되돌리는 PR이 올라와 있었습니다. 주문상세 화면에 새로…
이전 시리즈에서는 Cilium의 기본 개념과 Identity, Endpoint, IPAM 등을 쿠버네티스 환경에서 직접 실습했고, Socket LB(East-West Load Balancing)는 TCPDUMP를 기반으로 패킷을 하나하나 분석하며 이해를 진행했다. 다만 내용이 길어지면서…
| | | $ whoami --team ❯ kt cloud 플렛폼엔지니어링팀 김재혁 님 | | | Tech-Frontier.md | | 1. 문제 정의 — 왜 "표준 템플릿"이 필요했나 새로운 서비스를 시작할 때마다 우리는 비슷한 고민을 반복하고 있었습니다. 팀 안에는 JSP, PHP를…
배달의민족 전자계약서 화면 개편기: AI에게 맡긴 것과 사람이 챙긴 것 들어가며 전자계약서는 파트너(사장님)가 배달의민족을 처음 시작할 때 작성하는 전자문서입니다. 영업 담당자가 파트너와 함께 작성하고, 계약 내용을 바꿀 때도 같은 문서를 씁니다. 이 문서를 쓰는 작성 화면은 사업자 정…
글. 이단비(Tabie) / Service Factory팀 안녕하세요, 여기어때컴퍼니 Service Factory팀 타비입니다. 올해 초 팀을 옮긴 후 받은 첫 과제는 바이브코딩으로 서비스를 하나 만들어보는 것이었습니다. 여행 유튜브 영상을 AI가 요약해서 숙소 검색까지 이어주는 작은…
글. 박수봉(Henby) / Experience Development팀 안녕하세요. Experience Development팀 헨비(henby)입니다. 9월 7일, 여기어때의 해외투어 서비스를 오픈했습니다~ 그 동안 짧지만 밀도 높은 QA 기간을 보냈습니다. 프론트엔드 개발자는 총 두…
집 나간 네트워크는 돌아왔는데 React.lazy는 왜 안 돌아올까 들어가며 파트너(업주)님이 영업 내내 주문을 받는 배민주문접수 웹뷰를 개발하던 중 QA 과정에서 네트워크 OFF -> ON으로 변경 후 다른 화면으로 이동 시 오류 화면이 노출된다는 티켓을 전달받았습니다. 원인을 파악해…
글. 정용욱(Eric) / 서비스웹개발팀 안녕하세요. 서비스웹개발팀의 에릭입니다. 마지막 편입니다. 폴더 이름 앞의 기호 두 개가 어떻게 규칙이 됐는지 이야기합니다. 그리고 1편에 적어 둔 걱정 다섯 가지에 답하면서 시리즈를 마무리하겠습니다. 해외선 예약 상세 화면을 만들다 보면 파일이…
글. 정용욱(Eric) / 서비스웹개발팀 안녕하세요. 서비스웹개발팀의 에릭입니다. 이번 편은 상태관리입니다. 프로젝트를 시작하며 전역 저장소를 넣자고 해 놓고, 결국 안 넣었습니다. 그 사이에 판단이 어떻게 바뀌었는지를 적었습니다. 프로젝트를 시작하면서 상태관리 라이브러리를 하나 넣자고…
글. 정용욱(Eric) / 서비스웹개발팀 안녕하세요. 서비스웹개발팀의 에릭입니다. 이번 편은 인증입니다. 토큰이 들어오는 길은 환경마다 다른데, 나가는 길은 하나로 모았습니다. 그 사이를 어떻게 메웠는지 적었습니다. 예약 목록을 보려면 로그인이 필요합니다. 마이페이지도 그렇고, 쿠폰을…
글. 박준희(Kuiper) / 숙박플랫폼개선TF팀 안녕하세요. 여기어때 숙박플랫폼개선TF팀 박준희(카이퍼)입니다. 1편에서 OpenTelemetry Collector 로 span 을 받아 ClickHouse 에 쌓는 데까지 다뤘습니다. 요약하면 이렇습니다. 이제 이 데이터를 화면으로 만…
안녕하세요. 아정당 플랫폼 FE챕터를 이끌고 있는 장순우입니다. 개발자가 아닌 사람이 만든 화면이 매일 프로덕션에 올라가는 구조를 만들었습니다. 어쩌다 이런 걸 만들게 됐는지부터 이야기하겠습니다. 아정당이 운영하는 서비스는 하나가 아닙니다. 인터넷, 렌탈, 이사, 청소부터 상조, 카드,…
안녕하세요, 토스뱅크 프론트엔드 개발자 이다용입니다. 토스뱅크 프론트엔드에서는 Next.js Pages Router를 주로 사용해요. 그런데 Pages Router는 유지보수 모드예요. 보안 패치와 버그 수정은 이어지지만 새 기능은 들어오지 않죠. 언젠가 다음에 쓸 것을 정해야 했고,…
안녕하세요, 카카오뱅크 알림경험엔지니어링팀 서버 개발자 Remy, Kenneth, Jett입니다. 플랫폼 개발자는 항상 딜레마에 직면합니다. 성능을 높이면 코드가 복잡해지고, 코드가 복잡해지면 다른 개발자가 이해하기 어려워집니다. Lock-Free 자료구조, Work-Stealing 알…
*This is the English version of a previously published article. Every developer has been here. You're deep in building a new feature, thirty tabs open, and sudd…
작은 지식 공유의 시작이 문화가 되기까지 Dev Session #01 가장 오래 지켜온 엔지니어가 말하는 데브 세션의 변화 Koil • Backend Developer - 개발 문화 안녕하세요. 백엔드 엔지니어이자 데브 세션을 제일 오래 지켜온 코일입니다. 지금까지의 데브 세션이 이루어…
어드민 하나를 만들려면 무엇을 해야 할까요? 프로젝트를 스캐폴딩하고, 필요한 의존성을 추가하고, 빌드 도구를 고르고, 인증을 붙이고, 배포를 설정해요. 그다음 프론트엔드 코드를 작성하고 API를 연결한 후 빌드해서 배포해요. 어드민이라면 여기에 개인정보 마스킹, 정보 조회 사유 수취,…
5월 초, 코딩 에이전트에게 이렇게 물었습니다. “DB 트랜잭션과 스프링 트랜잭션의 차이는 뭐야? 분산 락은 왜 필요한 거야?” 당시만 해도 저는 백엔드 개발 경험이 없었습니다. 하지만 두 달 뒤, 이 개념들을 적용해 신규 기능을 출시했습니다. 저는 지난 10년 동안 프론트엔드 개발만…
무신사 Retail Platform QA팀이 Playwright와 Slack 봇, AI 기반 TC 생성기를 만들어 온 기록 안녕하세요. 무신사 PBO(Platform Business Operation)에서 Retail Platform QA 엔지니어 고남석입니다. Retail Platfo…
안녕하세요, 카카오클라우드입니다. 🙌 가천대학교 클라우드공학과에 재학 중인 두 분, Tory(이유석)와 Serin(김서연)이 카카오클라우드에서 3개월간의 현장 실습을 성공적으로 마쳤습니다. 전공 수업에서 차곡차곡 쌓아온 지식이 실제 기업 현장에서 실무 프로젝트로 실현되며 한 단계 더 깊…
AI가 분석한 리서치 결과, 어떻게 만들고 전달할까요? 1. 들어가며 사용자경험분석팀에서는 리서치 업무를 지원하는 사내 서비스인 리서치 AI 도우미를 만들고 있어요. “배민클럽을 선택한 이유는 무엇인가요?”처럼 수천 명이 자유롭게 답한 설문응답을 이해하기 쉬운 카테고리로 분류해 보고서를…
요약 이 글은 C#/Unity 경험이 없는 프론트엔드 개발자가 운영 중인 Unity 서비스를 React/Next로 마이그레이션하며, “검증 지점을 코드에서 자연어 명세로 옮긴다”는 발상을 바탕으로 AI 협업 흐름 전체를 설계한 과정을 다룹니다. 특히 읽지 못하는 원본 코드를 AI가 ‘관…
주의) 이 글은 eBPF 자체의 동작 원리나 쿠버네티스 자체의 동작 원리를 설명하는 글이 아니다. Cilium은 쿠버네티스를 위한 eBPF 기반 네트워킹·보안·가시성(Observability) 플랫폼이다. 쿠버네티스에 배포된 파드는 저마다 IP를 가진 채로 죽고 다시 뜨기를 반복한다.…
AI가 읽는 디자인 시스템: 추상화를 다시 설계한 이유 규칙을 더 잘 설명하는 대신, 규칙을 어길 수 없게 만들기 Timo • Core Web - Frontend 안녕하세요, 코어 웹팀에서 프론트엔드 공통 기반과 디자인 시스템을 만들고 있는 티모입니다. 제품 기능을 만드는 피처팀이 빠르…
글. 구혜준(Hazel) / SRE팀 이 글은 2부작입니다. (1/2) AI는 읽고, 코드는 계산합니다 — Smart RI Calc (2/2) 틀린 걸 없애기보다, 틀린 게 보이게 — Alert Adviser (현재 글) 안녕하세요, 여기어때컴퍼니 SRE팀에서 클라우드 엔지니어링 업무를…
Executive Summary - AI도 팀을 짠다: 올라운드 플레이어 한 명보다 전문가 다섯 명이 낫다는 건 AI 세계에서도 통해요. 플랫폼의 경계를 넘는 협력도 표준을 통해 준비되고 있어요. - 핸들은 누가 잡을까: AI에게 모든 걸 맡길 순 없어요. 사람이 운전대를 잡아야 할 때…
1편: MATCH란 무엇인가 2편: MATCH Console & MAI 안녕하세요. 무신사에서 MATCH의 개인화 기능과 운영 콘솔의 프론트엔드 및 백엔드 개발을 담당하고 있는 Core-E Personalization 팀의 김의중, 김건희입니다. 1편에서 우리는 MATCH를 ‘유저 단위…
안녕하세요. 토스에서 광고주가 쓰는 대시보드를 만들고 있는 프론트엔드 개발자 김동희입니다. 저희 팀이 만드는 건 광고주를 위한 화면이에요. 캠페인을 만들고, 예산을 넣고, 어제 쓴 돈이 얼마나 성과로 돌아왔는지 확인하는 곳이죠. 말하자면 '데이터를 보는 도구'를 만듭니다. 그리고 도구를…
안녕하세요. 토스에서 광고주가 쓰는 대시보드를 만들고 있는 프론트엔드 개발자 김동희입니다. 저희 팀이 만드는 건 광고주를 위한 화면이에요. 캠페인을 만들고, 예산을 넣고, 어제 쓴 돈이 얼마나 성과로 돌아왔는지 확인하는 곳이죠. 말하자면 '데이터를 보는 도구'를 만듭니다. 그리고 도구를…
안녕하세요, 토스에서 광고 SDK와 게임 광고 서비스를 개발하는 Frontend Developer 정윤호입니다. 토스 지면에 게임 광고가 적었던 이유 토스 지면(앱 안에서 광고가 노출되는 자리)에는 게임 광고 집행이 유독 적었습니다. 원인은 소재 유형이었어요. 게임 회사의 사용자 확보(…
안녕하세요. 웍스피어에서 잡플래닛 서비스를 담당하고 있는 프론트엔드 개발자 강태완입니다. 잡플래닛은 10년 넘게 운영된 서비스입니다. 오랜 시간 서비스를 운영하면서 Rails 위에 React가 붙고, 거기에 Next.js까지 들어왔습니다. 지금의 프론트엔드를 아주 단순하게 표현하면 대략…
Hi, I’m Tony, the lead of Karrot’s Frontend Core Team. Our team builds the development environment and deployment infrastructure used by frontend engineers at K…
안녕하세요, 당근 프론트엔드코어팀 리더 Tony입니다. 저희 팀은 프론트엔드 엔지니어들이 쓰는 개발 환경과 배포 인프라를 만들어요. 이 글은 레퍼런스가 거의 없던 기술 Lynx를 검토해서 프로덕션 앱에 넣기까지의 기록이에요. 새로운 기술을 도입할지 고민해 본 분이라면 판단의 과정이 참고…
RxJS로 우아하게 사이드 이펙트 통제하기 프론트엔드에서 가장 다루기 어려운 "비동기" 길들이기 Daniel • Daeyong Yoon, Front-end engineer - Frontend 안녕하세요 채널톡에서 고객용 메신저를 만들고 있는 프론트엔드 엔지니어 대니얼입니다. 채널톡 고객…
안녕하세요, 토스 클라이언트 엔지니어링 헤드 박서진, 프론트엔드 플랫폼 엔지니어 박성범입니다. 토스 서비스는 어떻게 개발되고 있을까? 토스에서는 100명이 넘는 프론트엔드 엔지니어들이 토스앱 안과 밖의 제품들을 개발하면서, 하루에 수백 번 제품을 업데이트 해가고 있어요. 제품의 숫자가…
date slug author status tags(최대 3개) summary type thumbnail category updatedAt 이전 글에서는 Mock이 2,199개까지 늘어난 이유와, 이를 해결하기 위해 Testcontainers·WireMock으로 통합 테스트 환경을 만들…
들어가며 — '아이디어'에서 '프로덕트'까지의 거리 "아이디어 → 배포"까지의 거리가 빠르게 짧아지고 있습니다. 과거에는 며칠, 길게는 몇 주가 걸리던 풀스택 웹앱 개발이, AI 코딩 어시스턴트와 클라우드 플랫폼의 결합으로 이제는 단 몇 시간이면 충분한 시대입니다. 이번 글에서는 'Vo…
FE News 26년 8월 소식을 전해드립니다. - 등록일 - 2026.08.05 - | - 코멘트 - 2607 주요소식 26년 8월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. 매년 진행되는 CSS 생태계 설문 조사인 State of CSS의 2026년 결과다. 20…
로컬 DB를 화면의 기준으로 삼는다는 것: hearth를 직접 만든 이유 hearth를 직접 만든 이유와 설계 과정 Wes • Gihyeon Lee, Web Desk Engineer Thanks. - Frontend 프로젝트 관리 도구인 Linear를 써본 적 있다면, 유독 빠르다고 느…
안녕하세요. 당근 광고실 광고주플랫폼팀에서 엔지니어링 매니저를 맡고 있는 일택(Iltaek)이에요. 제가 속한 광고주플랫폼팀은 광고주가 당근의 내부 구조를 몰라도 광고를 만들고, 운영하고, 결과를 이해할 수 있는 플랫폼을 만들어요. 광고를 시작하려고 광고 만들기 버튼을 누른 순간부터 집…
LINE Developers and LINE front-end framework (LIFF) let you open a service space for LINE app users. As it runs as a web service inside the LINE app webview, a…
안녕하세요! 올리브영에서 카탈로그 플랫폼 서비스를 담당하는 팀에서 프론트엔드 개발을 맡고 있는 몽이형입니다. 혹시 올리브영 기술 블로그의 마이크로프론트엔드(MFE) 시리즈(2025.07~11 발행, 총 3부작)를 보셨나요? 모노레포와 iframe 통합 이슈(2025.12 발행)를 대하는…
안녕하세요. 커뮤니티실에서 엔지니어링 매니저로 일하고 있는 아라운(Arawn)이에요. 커뮤니티실은 취미와 관심사로 이웃을 연결하는 당근 모임, 같은 관심사를 가진 이웃이 모이는 당근 카페, 우리 단지 이웃과 연결해주는 당근 아파트 등 당근의 커뮤니티 탭을 통해 이웃이 알려주는 진짜 동네…
안녕하세요. 작년(2025년) 겨울 아정당에 합류하여 클라우드 SRE팀을 맡고 있는 지완근입니다. SRE팀은 DevOps, DBA, DA/DE 포지션으로 이루어진 팀이며 저는 DBA와 팀 리더를 맡고 있습니다. 아정당에 합류한 뒤 데이터 표준화와 거버넌스 측면에서 여러 솔루션들의 도입을…
FE News 26년 7월 소식을 전해드립니다. - 등록일 - 2026.07.08 - | - 코멘트 - 4791 주요소식 26년 6월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. Go로 재작성된 네이티브 컴파일러를 탑재한 TypeScript 7.0의 릴리스 후보(RC)…
AI와 함께 업무 시스템을 다시 설계하다: Salesforce 대체 CRM 개발기 0. CRM을 새로 만든다는 것 안녕하세요. Ad Management 파트 서버 엔지니어 프랭크, 고영민입니다. 올해 3월 세일즈포스 대체 방안을 처음 논의한 뒤, 6월 내재화 CRM인 "버즈포스(Buzz…
안녕하세요. 인프랩의 BE 개발자 약풍, 로켓입니다. 지난 글에서는 학습 에이전트가 왜 필요했는지, 어떤 기능이 있는지, 제품 측면에서 어떤 고민을 했는지 살펴보았습니다. 이번 글부터는 학습 에이전트의 각각의 영역을 구체적으로 살펴보려 합니다. 첫 번째로, 학습 에이전트의 백엔드 시스템…
잡코리아의 전문 채용관은 일반 운영 페이지보다 제작 비용이 큰 편입니다. 기업마다 다른 정보와 비주얼이 들어가고, 랜딩 페이지 형태로 제작되다 보니 기획, 디자인, 퍼블리싱 과정을 거쳐야 했고 수정 요청이 발생할 때마다 여러 직군이 반복적으로 투입되는 구조였습니다. 하지만 실제로는 브랜…
Coding speed is not the biggest bottleneck anymore. It's the fragmentation of inputs and the cost of stitching them together. Every feature requires us to jump…
모바일 E2E 테스트 자동화를 떠올리면 처음 목표는 대개 단순합니다. 사람이 직접 확인하던 시나리오를 자동으로 돌리고, 실패하면 리포트를 남긴다. 여기까지가 출발점입니다. 저희도 비슷하게 시작했습니다. PetFriends 모바일 앱의 주요 시나리오를 Appium으로 자동화하고, GitH…
*This is the English version of a previously published article. Hello! We're Sojin Park, Head of Frontend Engineering at Toss, and Dayong Lee, Frontend Develope…
에이전트가 직접 쓴 운영 매뉴얼: AI 코딩 에이전트를 위한 5겹 하네스 이 글은 영문 원본을 바탕으로 작성되었습니다. 에디터 노트. 이 글의 화자는 사람이 아닙니다. Buzzvil 웹 모노레포에서 매일 코드를 만지는 AI 코딩 에이전트, Claude Code 자신입니다. 평소 이 에이…
1부에서 “왓챠 웹이 PiP를 지원한다”고 알려드렸습니다. 이번 편은 실제 적용기 입니다. 특히 DRM 영상·자막·왓챠파티가 얽힌 실서비스에 붙이는 건 전혀 다른 일이었습니다. 📑 목차 1. 들어가기 전에 — 웹 PiP에는 두 종류가 있습니다 (#b1c2) 2. 동작 원리 — Docum…
LLM·하네스로 더 좋은 n8n 워크플로 생성하기 "Jira에서 검토 중인 이슈를 분석해서 Confluence에 일일 리포트로 발행하는 워크플로를 만들어줘." LLM에 이런 식으로 n8n 워크플로 생성을 요청했다가 결과물이 기대와 달랐던 적 있으신가요? 저는 Claude Opus 모델에…
우리가 매일 밤낮으로 코드를 짜고 고도화하는 쓱닷컴(SSG.COM)의 수많은 화면들, 과연 마우스 없이 키보드만으로 탐색하는 고객이나 스크린리더를 통해 화면을 소리로 듣는 사용자들에게도 똑같이 편리하고 부드럽게 작동하고 있을까요? 저희 WEB개발팀은 최근 가장 차분하고도 치열하게 마주하…
안녕하세요. 크리에이트립의 서종학입니다. 오늘은 웹뷰에서 관찰된 CSS 애니메이션의 높은 CPU 현상을 기준으로, 해당 이슈의 원인과 해결책에 대해 이야기를 해보려고 해요. 웹 프론트엔드 개발을 조금 해봤다면 이런 이야기를 한 번쯤 들어봤을 겁니다. “애니메이션은 top, left보다…
date slug author status tags(최대 3개) summary type thumbnail category updatedAt DevRel 담당자로 합류하며 받은 미션은 분명했습니다. 아임웹의 기술 조직을 더 알리고, 인재 밀도를 높이는 것이죠. 그래서 첫 일은 거창한 캠페…
개요 AB180은 AI를 단순한 개인 생산성 도구가 아니라, 조직의 업무 인프라로 다루고 있습니다. 그 시작점이 Slack에서 누구나 사용할 수 있는 사내 AI Agent, 에이봇입니다. 에이봇은 사내 지식과 업무 도구를 연결해 구성원이 더 빠르고 깊게 일할 수 있도록 돕습니다. 이 글…
안녕하세요. 인프랩 프론트엔드 개발자 고슈입니다. 현재 인프랩 프론트엔드 팀은 20여 개의 애플리케이션에서 사용하고 있는 디자인시스템을 최신 버전으로 마이그레이션하는 작업을 진행하고 있습니다. 정확히는 인프랩의 디자인시스템은 오픈 소스 Mantine v6를 래핑해서 사용하는 방식이기 때…
FE News 26년 6월 소식을 전해드립니다. - 등록일 - 2026.06.04 - | - 코멘트 - 281 주요소식 26년 6월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. Devographics의 연례 AI 개발자 설문 결과. TypeScript가 처음으로 Jav…
비개발자가 한 달 동안 풀스택으로 개발하면서 배운 것 - 등록일 - 2026.06.04 - | - 코멘트 - 834 네이버 사내 기술 교류 행사인 NAVER Engineering Day 2026(5월)에서 발표되었던 세션을 공개합니다. 발표 내용 사업담당자였던 사람이 한달만에 프로덕션…
요약 이 글은 Claude Code의 핵심 설정 파일인 CLAUDE.md를 효율적으로 관리하기 위한 컨텍스트 엔지니어링 전략을 다룹니다. 무분별한 규칙 추가가 오히려 AI의 성능을 저해하는 컨텍스트 부패(Context Rot) 현상을 설명하고, 이를 방지하기 위한 JIT(Just-In-…
“올해는 임직원에게 어떤 교육을 제공해야 할까?” 🧐 기업 교육 담당자라면 매년 반복해서 고민하게 되는 질문입니다. 직무교육의 주제는 해마다 달라지고 있습니다. 최근 몇 년간 데이터를 읽고 업무에 활용하는 역량이 주요 교육 과제로 다뤄졌고, 이제는 인공지능 활용 역량이 핵심 교육 주제로…
AI 코딩 도구를 처음 써보면 대부분 비슷한 경험을 합니다. 빠르긴 한데, 그대로 쓸 수는 없습니다. 정책을 모르고, 컨벤션을 안 지키고, 같은 요청에도 매번 다른 결과가 나옵니다. 결국 사람이 하나하나 확인하고 고쳐야 해서, 빨라진 만큼 검증 비용이 따라붙습니다. 저희 회사에는 월요일…
안녕하세요. 서비스웹개발팀의 헨비입니다. 이번 글에서는 Sentry 같은 상용 도구를 바로 도입하는 대신, 200줄 수준의 작은 클라이언트 에러트래커를 만든 이유와 후기를 정리해보겠습니다. 현재는 직접 만든 작은 도구와 클라이언트 에러 수집·집계·Slack 알림이라는 핵심 기능으로 운영…
이 글은 IDG의 아티클을 전재하여 제공합니다. [원문보기] Executive Summary - 바이브 코딩은 소프트웨어 개발의 병목 구간을 '코딩 숙련도'에서 '비즈니스 의도의 명확성'으로 옮깁니다. 이제 기업의 경쟁력은 AI에게 얼마나 정확한 '바이브(의도와 느낌)'를 전달하여 가치…
느려터진 에디터 좀 고쳐줘를 AI에게 시켜봤다 Auto Research 기법을 활용한 LLM 기반 자율 성능 개선 시스템 구축 여정 Polar • AX · Forward Deployed Engineer - Frontend 1년전 1년이나 미뤄둔 숙제가 있었어요. 채널톡 위지윅 에디터에…
FE News 26년 5월 소식을 전해드립니다. - 등록일 - 2026.05.07 - | - 코멘트 - 511 주요소식 Going under the hood of MDN's new front-end MDN이 React 기반 Yari 아키텍처를 Web Components와 Lit 기반의…
안녕하세요! 모바일 개발자 경험 팀의 @giginet입니다. 평소에는 LINE iOS 앱을 중심으로 빌드 시스템과 개발 환경을 정비하고, 개발자 경험을 향상하기 위한 업무를 하고 있습니다. 최근 LY Corporation에서 사내 임직원을 대상으로 진행하고 있는 Orchestration…
date slug author status tags(최대 3개) summary type thumbnail category updatedAt 사용자가 결제 페이지에서 갑자기 이탈했다고 해봅시다. 그 직전에 어떤 화면을 봤고, 어떤 버튼을 눌렀고, 어떤 에러를 만났을까요? 단순한 에러 로그…
안녕하세요, 당근 디자인 시스템 팀에서 프론트 엔드 개발을 하고 있는 조이라고 해요. 요즘 AI로 화면을 만든다는 이야기가 많아졌어요. v0, Bolt, Lovable 같은 도구들이 프롬프트 한 줄로 UI를 뚝딱 만들어주는 시대가 됐죠. 그런데 디자인 시스템을 운영하는 팀 입장에서 보면…
비개발자의 AI 협업 도전기 — 생산성 측정하려다 서버까지 띄운 9일 - 등록일 - 2026.04.29 - | - 코멘트 - 772 "조직이 잘하고 있는지 어떻게 알 수 있을까?" 이 질문에서 출발해 사내 가이드 문서와 AI를 붙들고 직접 측정 도구를 완성하기까지 9일이 걸렸습니다. 그…
안녕하세요. 아정네트웍스 CRM FE 챕터를 이끌고 있는 서한범입니다. CRM 초기 개발 단계부터 합류하여 프론트엔드 개발 리딩을 하고 있습니다. 고객 상담과 접수 과정이 조금 더 효율적으로 동작할 수 있도록, 실제 현장에서 쓰이는 기능을 만드는 데 집중하고 있습니다. 2024년 말,…
AI를 활용한 Web 성능개선 실전 사례 한달 걸릴 작업을 AI를 사용해서 하루만에 임팩트 내기 Mong • 행복해서웃는게아니라웃어서행복한것이다 - Frontend 성능개선은 타이밍 개발하면서 성능을 항상 챙기기는 어렵습니다. 기능을 만들고, 버그를 고치고, 일정을 맞추다 보면 성능 부…
안녕하세요. 여기어때컴퍼니 공통플랫폼개발팀 플랫폼엔지니어 코플 입니다. 이번 글은 Right-Sizing라는 업무를 진행하면서 기준을 정하고 활용해 얻은 경험을 공유하는 글을 작성했습니다. Right-Sizing 란 무엇일까? Right-Sizing이란 Kubernetes 환경에서 각…
안녕하세요 여기어때컴퍼니 백오피스웹개발팀 기리입니다. 저희 팀은 여기어때 통합CMS를 관리하고 있습니다. 10여 개 Next.js 앱을 하나의 모노레포에서 운영하고 있는데, 배포할 때마다 약 14분을 기다려야 했습니다. 앱은 계속 추가되고 있었기 때문에, 손을 대지 않으면 배포 시간은…
AI 네이티브 디자인 플레이북 이 글은 영문 원본을 바탕으로 작성되었습니다. 지난 한 달간, 버즈빌 디자인 팀은 단 6명으로 5개의 웹 애플리케이션을 배포하고 344건의 커밋을 기록했습니다. 놀랍게도 이 과정에서 Figma는 거의 사용되지 않았습니다. 엔지니어링 스프린트 할당도, 핸드오…
AI 네이티브 채용 시리즈 3부작 중 Part 2입니다. Part 1: “The Philosophy” Part 3: “The Human” (준비 중) Part 1에서 철학을 이야기했습니다. 모호함이 곧 테스트이고, 정답에 도달한 사람이 아니라 질문을 이해한 사람을 찾는다는 것. 3-Ti…
하네스 엔지니어링(harness engineering)으로 팀 맞춤형 AI 환경 구축하기 개요 최근 팀에서 AI 코딩 도구를 활용하는 빈도가 늘어나면서, AI가 프로젝트의 고유한 맥락(context)과 컨벤션을 인지하지 못해 같은 설명을 매번 반복해야 하는 비효율을 자주 겪었습니다. 예…