Nobody Owned the Website. Now Everybody Does. 이 글은 영문 원본을 바탕으로 작성되었습니다. 회사 웹사이트, 누가 담당하고 계신가요? 단순한 질문 같지만, 대부분의 회사에서 솔직한 답은 "마케팅팀이 일단은요" 아니면 "글쎄요, 딱히 아무도…" 사이 어…
신현아: 스캐터랩의 폭발적인 성장을 백엔드에서 든든하게 받치고 계신 분이죠. 백엔드 엔지니어링 리드, 조한용 님입니다! 한용님, 스캐터랩에는 합류하신 지 얼마나 되셨고, 어떤 과정을 거쳐 지금의 리드 역할을 맡게 되셨는지 먼저 간단히 소개해 주실 수 있을까요? 조한용: 안녕하세요 :)…
Self-POS(무인 계산대) : 무신사다운 오프라인 고객경험을 설계하다. 이 글은 무신사 O4O팀의 Self-POS 프로젝트를 리드한 PM과 엔지니어 관점에서 쓴 글입니다. 기술적 구현은 FE/BE, 하드웨어 검증 과정은 QA 섹션에서 자세히 다루고 있습니다. 들어가며 무신사 오프라인…
1. 들어가며: 테스트 커버리지 9%라는 현실 안녕하세요, 무신사 모바일개발팀에서 iOS 앱을 개발하는 송다영입니다. 2025년 말, 저희 iOS 프로젝트의 테스트 커버리지는 약 9.82%였습니다. 업계 평균이 74~76%인 것을 감안하면 크게 부족한 수치였습니다. 낮은 커버리지는 단순…
FE News 26년 4월 소식을 전해드립니다! - 등록일 - 2026.04.02 - | - 코멘트 - 738 주요소식 Temporal: The 9-Year Journey to Fix Time in JavaScript JavaScript의 Date 객체를 대체하는 Temporal API…
들어가며 안녕하세요. ABC Platform 팀에서 메시�징 플랫폼(이하 MessagingHub)을 만들고 있는 송재욱입니다. 메시징은 이제 거의 모든 서비스에서 요구되는 기본 스펙인데요. 이번 글에서는 그중에서도 ‘채팅’에 초점을 맞춰 이야기해 보겠습니다. 서비스에는 여러 종류의 채팅…
es-toolkit is a modern JavaScript utility library built to replace lodash. It was designed from scratch around ES Modules and TypeScript. Compared to lodash, es…
pnpm 모노레포에서 React 19 마이그레이션하기: 숨겨진 호이스팅 레이어가 만든 타입 충돌 트러블슈팅 배경: React 19 마이그레이션과 pnpm Catalogs pnpm workspace 기반의 모노레포 환경을 구축하여 프론트엔드 애플리케이션을 운영하고 있습니다. 기존에는 모노…
프론트엔드 개발자 혹은 개발자라면 누구나 한 번쯤 이런 순간을 마주합니다. “이거 공통으로 빼야할까?” 입사 4개월 차 차차와 3년 차 페페 역시 같은 질문에서 대화를 시작했습니다. 입사 4개월 차인 차차가 처음 레포지토리를 열었을 때, 가장 먼저 든 생각은 단순했습니다. “공통 컴포넌…
시작하며 안녕하세요. SRE(Site Reliability Engineer)로 일하고 있는 어다희입니다. 저희 팀은 Media Platform SRE를 비롯해 글로벌 트래픽 관리 업무를 담당하고 있습니다. 그동안 ‘신뢰성 향상을 위한 SLI/SLO 도입’ 시리즈를 통해 SLI/SLO의…
들어가며 안녕하세요, 카카오뱅크 AI코어개발팀에서 AI Research Engineer로 근무하고 있는 Yann, Haki입니다. 저희는 금융위원회와 금융보안원이 주최한 2025 금융 AI Challenge 금융보안 AI 모델 경쟁 트랙에 LostCow 팀으로 참가해 Public 리더보…
흩어져 있는 AI 자산, ‘MCP stdio’로 헤쳐모여! 그 프롬프트… 어딨더라? 우리는 여러 사람이 각자의 장비로 여러 개의 서비스와 저장소를 관리하고, 또한 여러 개의 도구를 사용합니다. 모두가 다른 환경에서 각자 작업하면서도, 일관된 방식으로 일을 하거나 결과물을 만드는 것은 아…
This is the English version of a previously published article. What is Software 3.0? In June 2025, Andrej Karpathy gave a compelling talk at Y Combinator AI Sta…
Claude Code로 Figma 디자인 시스템을 C++ 코드로 변환하기 안녕하세요. 제로 트러스트 보안 모델을 기반으로 NHN Cloud 리소스에 안전하게 접속할 수 있도록 지원하는 Cloud Access의 Windows 클라이언트를 개발하고 있는 앱서비스보안팀 정원희입니다. Clou…
ChatGPT Apps SDK와 MCP(Model Context Protocol)로 요기요 배달 서비스를 연동한 프로젝트의 기술적인 설계와 구현, 그리고 개발 과정에서 얻은 인사이트를 공유합니다. 약 1년 전쯤, 한 경제 유튜버가 “곧 모든 앱이 AI로 대체되는 시대가 온다”며 배달 앱…
안녕하세요. 스포카 FE팀의 Android 개발자 김진우입니다. “Kotlin/Compose Multiplatform(이하 KMP/CMP) 마이그레이션, 정말 프로덕션에서 가능할까?” 이 질문에 대한 답을 찾기 위해 저희 팀은 키친보드 Android 앱의 KMP/CMP 마이그레이션에 도…
직원 교육의 방식이 빠르게 변화하고 있습니다. 집합 교육 중심에서 벗어나 시간과 장소에 구애 받지 않는 이러닝으로 전환하는 기업들이 늘고 있습니다. 실제로, 소프트웨어정책연구소가 발표한「2024년 이러닝산업 실태조사」에 따르면, 국내 이러닝 시장은 매년 꾸준한 성장세를 이어가고 있습니다…
들어가며 안녕하세요, 무신사 O4O(Online for Offline) 엔지니어링 팀에서 백엔드 개발을 맡고 있는 김성은입니다. O4O 엔지니어링 팀은 무신사가 온라인에서 쌓아온 데이터와 시스템을 오프라인 매장 경험에 연결하는 일을 합니다. 온·오프라인 어디서 구매하든 하나의 회원 경험…
안녕하세요. AIPD팀 정승화입니다. 최근 모던 웹 생태계는 클라이언트 사이드에서 서버 사이드로 그 중심이 이동하고 있습니다. React Server Components(RSC)와 Server Actions의 등장이 대표적인 예입니다. 클라이언트의 로직이 서버로 이동하면서 클라이언트의…
최근 안랩클라우드메이트의 SD파트는 '빌링 3.0' 서비스 고도화 작업을 수행하였습니다. SD파트는 이번 작업을 통해 서비스 오픈 후 발생한 대량 인보이스 발송 시의 성능 저하 문제를 분석하고 해결하였습니다. 예상치 못한 DB 쿼리 타임아웃, 커넥션 고갈, 외부 API 연동 지연 등 실…
안녕하세요. 서비스웹개발팀의 헨비입니다. 이번 글에서는 React와 Vue를 함께 지원하는 디자인 시스템을 직접 만들고 배포/운영하면서, 왜 결국 “모든 것을 동일하게 지원”하는 전략에서 “운영 가능한 범위를 선택하는 전략”으로 전환했는지 정리해보려고 합니다. 처음에는 core + re…
안녕하세요 여기어때컴퍼니 프론트엔드 개발자 동글입니다. 개발을 하다 보면 기능 구현보다 더 많은 시간을 잡아먹는 일이 있습니다. 바로 기획 문서를 읽고, 이해하고, 태스크로 쪼개는 과정입니다. Confluence에 정리된 기획서를 읽고, 각 작업자들과 태스크를 나누고, 직접 Jira에서…
안녕하세요. 여기어때컴퍼니 항공연동개발팀(전 BFF개발팀) 리나입니다. 이번 글은 올해 2월까지 BFF개발팀으로서 근무하며 경험했던 내용을 바탕으로, “왜 BFF가 필요했는지” 그리고 “BFF팀이 어떤 역할을 수행했는지”를 정리한 기록입니다. 여기어때는 주문, 검색, 쿠폰, 리뷰, 항공…
요약: 카카오페이는 전사 프론트엔드 표준 패키지 매니저를 Yarn Berry에서 pnpm으로 전환했습니다. 이 글은 과거의 해결책이었던 Yarn Berry가 변화된 환경에서 새로운 병목이 된 배경과, 이를 해결하기 위해 pnpm을 선택한 과정을 담고 있습니다. 단순히 두 기술의 기능을…
들어가며 지난 엔터프라이즈 LLM 서비스 구축기 1: 컨텍스트 엔지니어링에서는 260개의 도구와 수백 페이지의 문서를 다루는 환경에서 LLM에게 필요한 정보만 골라서 제공하는 '점진적 공개' 전략을 공유해 드렸습니다. 1편이 AI에게 '무엇을 전달할 것인가?'에 대한 답이었다면, 이번…
들어가며 안녕하세요, Musinsa Global Frontend 팀에서 프론트엔드 개발을 담당하는 서민규입니다. Musinsa Global은 일본을 비롯한 해외 시장을 타겟으로 하는 글로벌 이커머스 플랫폼입니다. 2026년 1월 기준으로 서비스 중인 국가는 일본, 미국, 대만, 홍콩,…
안녕하세요. 인프랩 프론트엔드 개발자 고슈입니다. 작년 8월, 인프런의 헤더(GNB)가 새롭게 단장했습니다! 🎉 인프런의 헤더는 여러 프론트엔드 환경에서 동작해야 하는 복잡한 구조로 이루어져 있어, 기존에도 여러 문제가 있었는데요. 이번 글에서는 인프런의 헤더가 어떻게 동작하고 있는지,…
Mar 5, 2026 Engineering Writing Stories for 50 Components: Foundation, Automation, and AI - Seunghyun Lim 인턴 Mar 5, 2026 Engineering Writing Stories for 50 Comp…
Mar 5, 2026 Engineering Writing Stories for 50 Components: Foundation, Automation, and AI - Seunghyun Lim 인턴 Mar 5, 2026 Engineering Writing Stories for 50 Comp…
FE News 26년 3월 소식을 전해드립니다! - 등록일 - 2026.03.05 - | - 코멘트 - 364 주요소식 React Foundation React 생태계를 지속 가능하게 유지하고 발전시키기 위한 커뮤니티 주도 재단이다. "Building the future of React…
1. 새로운 팀, 새로운 프로젝트, 그리고 낯선 코드 이번에 WCS 자동화 장비 프로젝트를 진행하게 되었습니다. 팀에 합류한 지는 한 달도 채 되지 않은 시점이었습니다. 이 시점에서 제가 알고 있던 것은 물류 도메인에 대한 기본적인 이해 정도였습니다. 도메인 자체는 낯설지 않았지만, 문…
들어가며 안녕하세요, 카카오뱅크 프론트엔드 클랜의 Jake와 Dewey입니다. 2025년, 카카오뱅크에는 ‘프론트엔드 클랜’ 이라는 조직이 신설되었습니다. 저희는 클랜의 기술 방향성을 설정하고 글로벌 트렌드를 파악하기 위한 공식 활동의 일환으로 해외 컨퍼런스 참석을 계획하게 되었고, 어…
여기어때 Secret 플랫폼 구축기 Part 3: 시크릿 저장소를 운영 가능한 상태로 만들기 — 컨테이너화부터 CI/CD, 로그 수집까지 안녕하세요 여기어때컴퍼니 DevOps팀 다나입니다. 앞선 두 편에서 Secrethub가 무엇인지, 어떻게 설계했는지를 다뤘습니다. 이번 글에서는 설계…
지난번 YDS(Yogiyo Design System) v2 컴포넌트 라이브러리 구축기에 이어, 이번 글에서는 YDS v2 컴포넌트 라이브러리와 같은 외부 라이브러리가 서비스 애플리케이션 번들 결과물에 미치는 영향을 살펴봅니다. 또한, 구형 브라우저에 대한 하위 호환성 확보를 위해 요기요…
안녕하세요, 백오피스웹개발팀 꼼비입니다. 이 글은 AI 코딩 에이전트를 도입한 뒤, 단순히 “빠르게 코드 생성하기”를 넘어서 에이전트가 어떻게 생각하고 일할지를 설계한 과정을 정리한 글이에요. Chain of Thought를 결합한 6단계 인지 흐름 모델, .claude/ 기반 규칙 체…
안녕하세요, 큐레이터 서비스를 담당하고 있는 Partner Growth PM 최혜원, Backend Engineer 권혁주입니다. 큐레이터 서비스는 인플루언서가 SNS를 통해 상품을 소개하고, 해당 경로를 통해 발생한 구매 성과에 대해 수수료를 지급받는 팀 무신사의 공식 어필리에이트 서…
목차 1. 개요 안녕하세요 쏘카 개발자 아놀드입니다. 이 글은 쏘카 디자인 시스템 2.0 개발기 2편으로, 컴포넌트 아키텍처/패키지 전략/LLM(Large Language Model) 활용에 대해 작성하였습니다. 1편에서는 시스템 설계, 운영 프로세스 , Figma 연동 를 다뤘고, 이…
안녕하세요. 당근 커뮤니티실에서 Software Engineer로 일하고 있는 Dave예요. 저는 지난 4년간 웹뷰 기반의 커뮤니티 당근모임을 만들어 왔어요. 당근의 커뮤니티 서비스인 동네생활에서 이웃들과 일상을 공유하고, 모임에서 같은 관심사를 가진 사람들과 대화하며, 카페에서 특정…
들어가며 안녕하세요. LINE NEXT DevOps 팀에서 일하고 있는 이동원입니다. 저는 쿠버네티스 기반 인프라 운영과 CI/CD 구축, 모니터링 및 장애 대응 등 인프라 운영 관리 전반의 업무를 담당하고 있으며, 최근에는 AI를 활용한 개발 생산성 향상과 자동화에 깊은 관심을 두고…
안녕하세요. 여기어때컴퍼니 자동화QA팀 릴리입니다. 내 PC에선 성공하는데 CI 파이프라인에서는 실패하는 테스트, 원인을 알 수 없는 간헐적 오류들을 한 번쯤 겪어보셨나요? 오늘은 고질적인 Flaky Test 문제를 해결하기 위해 Robot Framework에서 Playwright로 마…
AI로 우리 회사 인프라 코드 완벽 관리하기 저는 딜라이트룸의 파운데이션(Foundation) 그룹에서 SRE(Site Reliability Engineer)로 일하고 있습니다. 파운데이션 그룹은 딜라이트룸의 모든 제품의 인프라, 데이터 파이프라인, 프론트엔드까지 기초가 되는 영역을 책…
안녕하세요. 무신사 Core Engineering/Personalization 팀에서 프론트엔드 개발을 맡고 있는 김의중입니다. 이 글은 LLM 기반 코드 리뷰를 무신사에 도입하고, 운영 가능한 수준의 인프라와 표준화된 프로세스로 구축해온 과정을 담고 있습니다. 단순히 “AI를 도입했습…
이 서비스만 고치면 되겠지? AI가 놓치는 숨은 의존성을 추적하는 법 그래프 RAG 기반 채널 지식 시스템 구축기 Perry • Software Enginner - AI 안녕하세요, 채널톡 소프트웨어 엔지니어 페리입니다. 저희 팀은 AI 코딩 도구를 비교적 일찍 도입하고 적극적으로 활용…
FE News 26년 2월 소식을 전해드립니다! - 등록일 - 2026.02.04 - | - 코멘트 - 115 주요소식 웹퍼블리셔라는 말을 만든 이유 2000년대 초반 한국에서 "웹 퍼블리셔"라는 용어가 어떻게 탄생했는지를 다룬 글이다. 당시 HTML 코딩을 담당하던 "코더"라는 직책은…
2025 프론트엔드 뉴스 한 방에 몰아 보기 안녕하세요. NHN Cloud NCUI개발팀 이진우입니다. 저는 매주 30여 개의 Web, Frontend, Design, Design System 등의 기술 뉴스레터를 살피고 동료들에게 공유해 왔는데요. 작년에 이어 올해도 개인적으로 인상…
안녕하세요. 펫프렌즈 프리오더팀 프론트엔드 개발자 박재훈입니다. 저희 프론트엔드 챕터에서는 오랜 시간 해결하지 못한 과제가 있었습니다. 바로 Next.js 서버의 메모리 누수 현상인데요. 펫프렌즈 서비스는 상품 상세 페이지를 시작으로 점진적으로 Vue.js에서 Next.js로 전환해왔으…
소프트웨어 3.0 시대란? 2025년 6월, Andrej Karpathy는 Y Combinator AI Startup School에서 흥미로운 발표를 했습니다. 그는 소프트웨어의 진화를 세 단계로 구분했습니다. Software 1.0: 우리가 수십 년간 해온 방식입니다. Python,…
안녕하세요. 크리에이트립 프론트엔드 개발자 이승우라고 해요. 이 글에서는 styled-components에서 Tailwind CSS로 안전하게 대규모 마이그레이션한 경험을 공유해보려고 해요. 크리에이트립 프론트엔드는 그동안 styled-components를 주력 스타일링 라이브러리로 사…
안녕하세요. 당근 프론트엔드코어 리더를 맡고 있는 Tony예요. 저희 팀은 70명이 넘는 당근의 프론트엔드 엔지니어분들이 더 편하고 즐겁게 개발할 수 있도록 개발 환경을 다듬는 일을 하고 있어요. 내부 도구를 만들다보면 감사 처리, 롤백, 알림처럼 요구사항이 점점 더 복잡해지게 되는데요…
Claude Skills로 AI에게 업무 노하우 전수하기 Anthropic이 공개한 Claude Skills는 Claude의 기능을 확장하는 모듈형 작업 단위입니다. 신규 입사자가 업무 매뉴얼을 보고 익히는 것처럼, Claude는 Skill로 조직의 작업 방식을 학습하고 내재화해 자율적…
안녕하세요, 뱅크샐러드 프론트엔드 엔지니어 김덕현입니다. 웹뷰 환경에서 게임 엔진 없이 React와 DOM, 그리고 Lottie를 활용해 개발한 “일해라 김뱅샐” 이야기를 해보려고 합니다. 게이미피케이션 서비스를 만들면서 겪은 삽질과 해결 과정을 공유합니다. 뱅크샐러드에 합류하고 얼마…
안녕하세요. 여기어때 서비스웹개발팀에서 웹사이트 개발을 담당하고 있는 브루노입니다. 인피니트 스크롤, 요즘 앱이라면 다 있는 기본 기능이잖아요? 그래서 저도 가볍게 덤볐습니다. “뭐, 라이브러리 쓰면 금방이지!” 하고요. 그런데 개발을 하다 보니 자꾸 이상한 일이 생기는 겁니다. 스크롤…
FE News 26년 1월 소식을 전해드립니다! - 등록일 - 2026.01.14 - | - 코멘트 - 450 주요소식 다음과 같은 유용한 정보들을 만나보실 수 있습니다. RSC Explorer - React Server Components 시각화 도구 Dan Abramov가 React…
[1] Claude Code 컨텍스트 최적화 가이드 Claude Code로 개발하다 보면 대화가 길어질수록 AI의 응답 품질이 떨어지는 걸 경험하죠. 처음에는 정교한 코드를 생성했지만 세션이 길어지자, 버그가 있는 코드를 만들기도 합니다. 이는 '컨텍스트 부패(Context Rot)'…
안녕하세요, WEB개발팀 이혜진입니다. 이번 포스트에선 신세계백화점 PC 메인 React 전환기 에서 다룬 ‘모듈유닛' 이라는 개념에 대해 좀 더 자세하게 풀어보려 합니다. 모듈유닛은 이미 사내에서는 익숙하게 사용되고 있는 용어이지만, 프론트 개발을 하지 않는 팀이나 비개발 직군에게는…
Building Event Center: Karrot’s User Event Management Platform The Journey from Restructuring User Event Conventions to Building an Admin Platform Hi there! I’m…
당근의 사용자 행동 로그 관리 플랫폼: 이벤트센터 개발기 안녕하세요. 당근 데이터가치화에서 프론트엔드 엔지니어로 일하고 있는 미카(Mika.kang)예요. 당근에서는 수많은 사용자 행동 로그가 매일 쌓이고 있어요. 이 로그들은 실험을 설계하고, 제품을 개선하고, 의사결정을 내리는 데 중…
안녕하세요! 토스의 디자인 시스템, TDS를 만들고 있는 Frontend UX Engineer 김민수입니다. 디자인 시스템을 만들고 운영하다 보면 항상 같은 질문과 마주하게 됩니다. "어떻게 하면 더 많은 팀이 우리 시스템을 잘 사용하게 할 수 있을까?" 오늘은 TDS가 이 질문에 답하…
Backend.AI FastTrack Major Updates (September - December 2025) This post summarizes the key changes implemented in Backend.AI FastTrack 3 from version 25.13.0 (…
Backend.AI FastTrack Major Updates (September - December 2025) This post summarizes the key changes implemented in Backend.AI FastTrack 3 from version 25.13.0 (…
Standardizing User Activation: How We Built a Shared Data Layer at Karrot Hello, I'm Pepper, a Data Analytics Engineer on the Data Monetization Team at Karrot.…
원티드에서는 지원 완료, 서류 합격 등 채용 진행 과정과 합·불 결과를 안내하는 이메일을 발송하고 있습니다. 이러한 이메일들은 오랫동안 동일한 템플릿을 사용해 왔는데, 최근 해당 이메일 템플릿을 리뉴얼하는 작업을 진행하게 되었습니다. 이번 글에서는 프론트엔드 개발자로서 이메일 템플릿 작…
안녕하세요. 당근 데이터 가치화팀에서 Data Analytics Engineer로 일하고 있는 Pepper예요. 데이터 가치화팀은 ‘매일 데이터를 통해 사용자를 위한 의사결정을 해요’라는 비전 아래, 그래서 수많은 데이터를 안정적으로 수집하는 데에 그치지 않고 신뢰할 수 있고 잘 쓰일…
40~50대는 노안이 시작되는 시기이기도 합니다. 연구에 따르면, 40세 이상 사용자는 스마트폰에서 유의미하게 더 큰 글자 크기를 사용하며, 근거리 시력에 불편함을 느끼는 사용자일수록 이 경향이 더 뚜렷했습니다. 또한 글자 크기가 커질수록 사용성과 시각적 편안함이 향상되고, 작은 글자는…
끊김 없는 사용 경험을 위하여 : 카카오톡 선물함 속 교환권을 배달의민족 주문으로 연결한 여정 배민선물하기팀은 선물하는 이의 마음과 받는 이의 즐거움을 잇는 ‘배민선물하기’ 서비스를 담당하며, 배달의민족(이하 배민) 앱 내 상품권 발행부터 외부 채널과의 유통망 연동을 관리하고 있습니다.…
안녕하세요, 토스코어 Business Onboarding Team 프론트엔드 개발자 조성륜입니다. 토스팀에 합류하고 처음 받은 과제는 판매자 입점 퍼널을 이해하는 것이었습니다. 판매자 입점 퍼널은 판매자가 토스페이에 가입하는 과정을 말해요. "이 페이지 다음에 어디로 가요?" "음...…
안녕하세요, 토스인컴 QA Manager 정수호입니다. 토스인컴의 세금환급 서비스는 복잡합니다. 연말정산, 현금영수증, 세금비서, 숨은환급찾기 네 가지 서비스가 각각 다른 UX와 인증 방식을 사용하고, 공제 항목만 해도 의료비·인적공제·전월세·주담대·중소기업 감면 등 수십 가지가 넘어요…
OMS에서 Claude AI를 활용하여 변화된 업무 방식 PM 1명과 엔지니어 3명이 12개 MSA를 운영하는 OMS팀이 Claude AI를 도입하여 16명 규모의 조직처럼 일하게 된 과정을 소개합니다. - 💬 들어가며 - 📌 AI 도입 전: OMS 팀은 어떻게 일했나? - 📌 AI 도…
💬 들어가며 안녕하세요. OMS팀 이준환입니다. 현재 OMS팀에서는 Claude Code(v2.0.72, Opus 4.5)를 활용하여 업무를 진행하고 있습니다. 이번 글에서는 Claude AI를 도입하여 OMS팀이 어떻게 협업하며 업무 방식을 변화시켰는지 소개하려고 합니다. 본 글은 지…
안녕하세요, 토스 Face Modeling Team의 ML Engineer 이진우입니다. 영광스럽게도 AI/ML 분야의 세계 최고 권위 학회인 NeurIPS 2025에 제 연구가 게재 되었습니다. 저의 연구 내용과 이 연구가 토스에 미칠 수 있는 비즈니스 임팩트, 그리고 학회 참여에 대…
WOOWACON 2025 미니게임 WOOWA POP! 지난 WOOWACON 2025 기술 콘퍼런스에서 미니게임을 운영했습니다. 우아팝(WOOWA POP!)이라는 이름의 수박 라이크(Suika-like) 게임이었습니다. 우아콘 세션 간에 플레이할 수 있고 미션이나 상위 랭킹을 달성하면 상…
들어가며 안녕하세요. 무신사 PBO(Platform Business Operation) 프론트엔드 개발자 구룡입니다. 무신사 오프라인 스토어는 자체 개발한 POS 클라이언트 시스템인 MPOS(Musinsa POS)를 도입하여, 온라인과의 상품 및 회원 연동 체계를 내부적으로 구축하였으며…
디자인 컴포넌트 라이브러리를 ‘실제 사용 방식’에 맞게 다시 설계한 이야기 디자인 컴포넌트 라이브러리 빌드 및 구조 개선기 - 들어가며 - 🧩 무엇이 문제였을까 - 🌱 Kitchen은 어떻게 시작되었을까 - 🔄 상황은 어떻게 달라졌을까 - 🔍 원인은 어디에 있었을까 - 🧭 구조를 다시…
들어가며 안녕하세요. 프로덕트웹개발2팀의 권가은입니다. 🙂 디자인 시스템은 한 번 만들고 끝나는 것이 아니라, 실제 서비스 안에서 사용되며 지속적으로 변화해야 합니다. 시간이 지나면, 이런 발전 과정에서 설계 당시의 구조를 그대로 유지하기가 점점 어려워집니다. 사용 방식이 달라질수록 기…
시스템 아키텍처 먼저 우리 시스템 구조를 이해해야 합니다. [클라이언트] ↓ [Web API] ← 우리가 개선한 부분 ↓ ├─→ [Search API] : 키워드, 필터 등을 기반으로한 검색팀 API └─→ [표준 상품 API] : 상품 정보 조회 API (최저가 계산) 각 서버의 역할…
안녕하세요! iOS 개발팀 대니입니다. 여기어때 앱에서 검색 화면은 사용자 여정이 시작되는 곳입니다. 국내외 숙소부터 항공, 레저티켓까지 다양한 도메인을 한곳에서 탐색할 수 있어야 하죠. 하지만 기능이 고도화될수록 코드는 복잡해졌고, 도메인별로 상이한 추천 로직과 UX가 얽히면서 작은…
안녕하세요. 여기어때컴퍼니 SRE팀에서 클라우드 업무를 담당하고 있는 엘리입니다. 여기어때 서비스 전반의 모니터링을 통합적으로 관리하기 위해 Observability 스택 LGTM을 25년에 도입했습니다. 처음 도입할 때는 Grafana를 제외하면 나머지 구성 요소를 직접 다뤄본 경험이…
0. 프롤로그 이번 글에서는 피그마 플러그인 ‘여기쏙 2.0’ 개발 과정을 중심으로, 극한의 성능 향상을 위해 서비스를 바닥부터 다시 설계한 이야기를 공유하려 합니다. 우선 시간을 되돌려 2024년 7월, ‘여기쏙 1.0’을 런칭했을 때의 기억은 제게 특별하게 남아있습니다. 사용자가 불…
비용, 성능, 안정성을 목표로 한 지능형 로그 파이프라인 도입 - 등록일 - 2025.12.17 - | - 코멘트 - 1343 Logiss는 AIDA(Advanced Interface for Data & AI)라는 네이버 사내 통합 데이터 플랫폼의 일부로, 로그 수집과 실시간 검색을 통…
n8n 기반 DevOps·AI 콘텐츠 자동 수집·요약 실전 가이드 안녕하세요. 인포그랩에서 백엔드 엔지니어로 근무하는 Andy입니다. 오늘날 IT 업계의 변화 속도는 매우 가파릅니다. 최근에는 AI 발전이 가속화되면서 관련 소식이 연일 쏟아지고 있죠. DevOps·소프트웨어 엔지니어들은…
Claude Code를 활용한 예측 가능한 바이브 코딩 전략 에이전트 주도 개발에서 발생하는 문제를 해결하고, 컨텍스트를 정밀하게 관리하는 방법 - 바이브 코딩이란? - Claude Code 5분 만에 시작하기 - 1. 바이브 코딩의 여정: 문제와 해결의 반복 - 2. 왜 이런 문제가…
배달의민족 주문접수 채널에 Flutter를 도입하며 고민한 것 들어가며 배달의민족 주문접수 채널은 파트너의 주문 관리를 돕기 위해 매일 수백만 건의 주문을 실시간으로 처리하며, 다양한 디바이스를 지원하고 있습니다. 점차 다양해지는 디바이스 생태계에 대응하고자, 신규 제품에 Flutter…
안녕하세요, 토스 디자인 플랫폼팀 UX Engineer 윤민석, Platform Designer 권윤입니다. 디자인 시스템은 변화하는 서비스 속에서도 일관성과 확장성을 지켜주는, 보이지 않는 인프라예요. 토스팀도 미세한 균형 속에서 더 넓은 세상으로 확장할 준비를 해왔는데요. 그 여정의…
지난번 YDS(Yogiyo Design System) v2 아이콘 라이브러리 구축기에 이어, 이번 글에서는 YDS의 핵심인 ‘컴포넌트 라이브러리’ 재구축 경험을 공유하고자 합니다. 이번 개편의 핵심적인 기술 변화는 크게 4가지로 요약할 수 있습니다. - Radix Primitives를…
Generative UI 실전 구현 DevOps 엔지니어들은 평소 서버 성능, 배포 현황, 에러율을 모니터링하며 여러 대시보드를 확인합니다. Grafana나 Datadog과 같은 모니터링, 시각화 도구들이 있지만, 일반적으로 사전에 구성한 대시보드를 사용하다 보니 새로운 관점의 분석이…
안녕하세요, 서비스웹개발팀의 멜로디입니다! 지난 글에서는 Figma 플러그인 ‘여기쏙’이 실제 데이터를 사용할 수 있도록 프록시 서버를 구축한 과정을 소개했어요. 이번 글에서는 이 프록시 서버와 연동해, 플러그인에서 실데이터를 어떻게 받아와 적용했는지 이야기를 이어가 보려고 합니다. 개…
시작하며 안녕하세요, 서비스웹개발팀의 멜로디입니다! 오늘은 디자이너의 생산성을 높여주는 Figma 플러그인 이야기를 해보려 합니다. Figma는 화면을 제작하는 디자이너와 이를 구현하는 프론트엔드 개발자 사이에서 이미 필수 협업 도구로 자리 잡았는데요. 저희 팀은 여기어때의 다양한 디자…
안녕하세요. 올리브영에서 프론트엔드 개발을 담당하고 있는 그냥 잇츠테드입니다. 저희 팀은 올리브영의 새로운 성장 동력인 리테일 미디어 사업 확대를 위해, 광고 파트너 오피스 시스템을 기존 플랫폼과 매끄럽게 통합하는 프로젝트를 맡았습니다. 목표는 명확했습니다. 부모 애플리케이션에서 자식…
지속 가능한 자동화 플랫폼을 위한 아키텍처 설계와 고민들 안녕하세요! 놀유니버스에서 QA를 담당하고 있는 랄프(하승우)라고 합니다. 반갑습니다! 들어가기에 앞서 놀유니버스 QA에서는 ‘품질’을 지키기 위해 어떤 자동화 플랫폼을 구축, 운영하고 있는지 소개부터 드리려고 합니다. 현재 운영…
잃어버린 접근성을 찾아서 개발한 서비스의 접근성을 직접 확인해 보신 적 있나요? 바쁜 일정 속에 각종 요구사항을 반영하다 보면, 접근성은 흔히 ‘언젠가 챙겨야 할 착한 일’ 정도로 치부되곤 합니다. 부끄럽지만 저희도 마찬가지였습니다. 그러나 접근성을 소홀히 하면 실제 사용 과정에서 예상…
Building Column-Level Data Lineage with SQL Parsing Hi, I’m Sagan, and I work on Data Governance in Karrot’s Data Team. Our team is the central data organizatio…
기획부터 개발까지 전부 직접 했습니다 – 우테코 7기 크루 서비스 론칭! 우아한테크코스(이하 우테코)는 우아한형제들이 운영하는 10개월 과정 개발자 교육 프로그램입니다. 개발자 교육에서 기술만 배우면 될까요? 우테코는 소프트 스킬도 중요하게 생각하고 있습니다. 그래서 웹 백엔드, 웹 프…
“AI가 개발자를 대체할까요?” 불과 1년 전만 해도 이 질문은 두려움 섞인 농담처럼 개발자들 사이를 떠돌았습니다. 하지만 지금, 우리에게 그 질문은 더 이상 유효하지 않습니다. 이제 우리가 던져야 할 질문은 이것입니다. “우리는 AI와 함께 어디까지, 얼마나 빨리 갈 수 있는가?” 여…
개발자의 시간을 벌어주는 두 가지 도구: 잘 쓴 테크 스펙, 그리고 AI 컬리 프로덕트 웹개발 팀의 테크 스펙 정착기와 AI 자동화 시도 - 1. 들어가며: 문서, 꼭 써야 하나요? - 2. 테크 스펙이란 무엇인가요? - 3. 무엇이 좋아졌나요? - 4. 실전 사례: 상품 쿠폰 프로젝트…
안녕하세요. 컬리 프로덕트 웹개발 한승희입니다. 오늘은 컬리 상품 코어 프론트엔드 팀이 2023년 도입해 이제는 개발 문화의 핵심으로 자리 잡은 ‘테크 스펙(Tech Spec)‘과 더불어, 최근 시도 중인 AI 자동화에 대해 이야기 해보려 합니다. 1. 들어가며: 문서, 꼭 써야 하나요…
“FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory” 들어가며 안녕하세요. 컬리 프로덕트웹개발 팀의 박성욱입니다. 번들 크기 81% 감소, 빌드 시간 48% 감소, 개발 서버 시작 속도 46…
빌드가 터졌다: 5년 된 CMS 프로젝트의 Webpack4 → Vite 전환 CMS의 개발환경 변화 여정을 공유합니다. - 들어가며 - 0. 배포는 됐는데 화면이 안 나와요 - 1. Webpack4, 5년간 무슨 일이 있었나 - 2. OOM: 더 이상 미룰 수 없는 신호 - 3. 왜 V…
요약: 레포지토리의 복잡한 구조적 문제를 해결하기 위해 FSD(Feature-Sliced Design) 아키텍처를 도입한 경험과 그 과정에서 했던 고민들을 공유합니다. 💡 리뷰어 한줄평 pebble.stone 아키텍처에 정답은 없지만, 팀이 직면한 pain point를 명확히 진단하고…