Velopers
모든 블로그
당근마켓

당근마켓

도메인medium.com
주요 카테고리 백엔드 · AI · 프론트엔드

활동 요약

대표 인기 포스트구글처럼 복잡한 권한 쉽게 관리하기 feat. GraphQL525 조회
최근 30일
2개
평균 조회
149
누적 조회
13,734
전체 글
92개
마지막 발행
2026. 11. 3.
블로그 방문

당근마켓 기술 블로그 글 (19)

프론트엔드

당근 동네걷기 위에서 동시에 쏟아지는 오버레이들을 우아하게 제어하기

독립적으로 발화하는 웹뷰·OS 오버레이를 Promise 기반 우선순위 큐로 직렬화했습니다. 큐와 로컬 시퀀서의 책임을 분리해 순서 변경과 검증 복잡도를 낮췄습니다.

#JavaScript#Promise#Zustand
14000

프론트엔드

Laying the Rails Beyond WebView: Why Karrot Chose Lynx

당근 프론트엔드 코어 팀이 웹뷰를 넘어서는 개발 환경을 위해 Lynx를 선택한 배경을 소개합니다. 포스트 제목상 Lynx 도입 이유를 다루는 기술 공유 글입니다.

#React Native#webview
14400

프론트엔드

웹뷰 다음의 레일을 깔다: 당근이 Lynx를 선택한 이유

레퍼런스가 거의 없는 Lynx를 당근이 왜 선택했는지 다룬 글입니다. 프론트엔드 개발 환경과 배포 인프라 관점에서 도입 맥락을 살펴봅니다.

#web
45800

프론트엔드

혼자 시작해 전국 오픈까지, 당근 레슨/과외 빌딩 로그

당근 레슨/과외가 숨은 수요를 발견하고 PMF를 찾기까지의 과정을 공유했습니다. 수요자 중심 실험과 진입점 개선으로 전국 오픈 단계까지 확장한 사례입니다.

#마켓플레이스#PMF#퍼널
21400

프론트엔드

디자인시스템 팀은 디자인시스템만 잘 만들면 될까

디자인시스템은 컴포넌트만 만드는 일이 아니라 제품 판단 기준을 쌓는 일이라고 설명했습니다. AI가 UI를 빠르게 만들수록 패턴과 맥락을 정리하는 역할이 더 중요해졌습니다.

#UI/UX#design#component
32200

프론트엔드

프롬프트 한 줄로 화면이 나오는 시대, ‘당근스러운 화면’을 만드는 법

프롬프트 한 줄로 만드는 화면의 한계를 짚고, 디자인 시스템에 맞는 의사결정 자동화가 핵심이라고 설명했습니다. 어드민, CLI, 에이전트로 발전한 Kraft와 Plan/Orchestra 구조도 소개했습니다.

#prompt#디자인 시스템#CLI
29700

프론트엔드

200MB 모듈을 팀 단위로 해결하기: 당근 숏폼팀의 On-demand Dynamic Feature Module 도입

비디오 편집 모듈의 200MB 용량을 줄이기 위해 On-demand DFM을 도입했습니다. 기능 코드는 base에 두고 SO 파일만 분리해 글로벌 사용자 부담과 운영 복잡도를 함께 낮췄습니다.

#Android#DFM#Hilt
8400

프론트엔드

웹뷰 엔지니어를 위한 iOS Webview Input 경험 개선기

iOS 웹뷰에서 input focus 시 화면이 밀리는 문제를 여러 방식으로 개선한 과정을 정리했습니다. 최종적으로는 opacity 트릭으로 자동 스크롤을 막아 입력 경험을 안정화했습니다.

#iOS#WebView#input
11100

프론트엔드

Building Event Center: Karrot’s User Event Management Platform

대규모 사용자 이벤트를 더 일관되고 안전하게 관리하기 위해 Event Center를 구축했습니다. 기존 Git 기반 스키마 관리의 복잡도와 명명 불일치를 UI 기반 플랫폼으로 해결했습니다.

#BigQuery#GCP#GCS
4200

프론트엔드

당근의 사용자 행동 로그 관리 플랫폼: 이벤트센터 개발기

당근은 사용자 행동 로그가 커지며 코드 기반 스키마 관리의 한계를 겪었습니다. 이벤트센터를 만들어 전사 공통 규칙과 UI 기반 자동화로 로그 관리 효율을 높였습니다.

#BigQuery#GCP#TypeScript
11400

프론트엔드

오늘도 엔지니어가 된다고 말했다 - 당근페이 이용 내역 개편기

당근페이는 이용내역 개편을 위해 서버 드리븐 UI에서 클라이언트 주도 구조로 전환하고 GraphQL을 도입했습니다. 단계적 마이그레이션과 명확한 스키마 원칙으로 안정성과 확장성을 함께 확보했습니다.

#GraphQL#REST API#server-driven UI
19100

프론트엔드

FE 최적화, 비즈니스로 시작해서 엔지니어링으로 끝내기

비즈니스 가치가 큰 지면부터 p75 LCP를 기준으로 성능 최적화를 진행했습니다. 이미지 경량화, 번들 분리, Preload, Skeleton 적용으로 체감 속도와 지표를 함께 개선했습니다.

#성능#LCP#CSS
24900

프론트엔드

바닥부터 시작하는 웹앱 에디터 개발기

웹앱 환경에서 블록 에디터를 직접 개발한 과정을 소개했습니다. ProseMirror를 선택하고 삭제 방지와 스크롤 문제를 해결하며 확장성을 확보했습니다.

#웹앱#문서화#front-end
24500

프론트엔드

의존성 그래프를 활용한 프로젝트 시각화 — 사이드 이펙트 한눈에 파악하기

의존성 그래프로 프로젝트를 시각화해 코드 파악 시간을 줄인 사례를 소개했습니다. 파일 영향 범위와 사이드 이펙트를 빠르게 확인하는 실무 활용법을 정리했습니다.

#검색#JavaScript#TypeScript
26600

프론트엔드

건강한 SEO로 성장하는 웹사이트 만들기

글로벌 웹사이트의 SEO와 사용자 경험을 함께 개선한 사례를 다뤘습니다. 필터, 지역 설정, 카테고리, 반응형 디자인으로 검색 노출과 방문 성과를 높였습니다.

#SEO#웹#UI/UX
11900

프론트엔드

입사 1개월차 프론트엔드 개발자의 자체 기술 온보딩 : Streaming SSR편

새로 합류한 프론트엔드 개발자가 Streaming SSR 온보딩 과정을 정리했습니다. 기술 도입 배경부터 직접 구현과 협업 학습 방법까지 소개했습니다.

#SSR#React#Vite
4600

프론트엔드

(당근!) 반가운 중고거래 키워드 알림 만들기

키워드 알림의 오픈율 저하와 불필요한 알림 문제를 개선한 사례를 소개했습니다. 별도 모듈화, 공통 데이터 추상화, 섹션 확장 설계로 빠른 실험과 검증을 가능하게 했습니다.

#iOS#module#test
4400

프론트엔드

웹사이트의 첫 삽부터 나무를 기르기까지: 당근닷컴 디벨롭의 여정

당근닷컴 웹사이트를 처음 만들고 글로벌 리뉴얼과 내부 데이터 레이어 Jampot을 도입한 과정을 정리한 글입니다. URL 정책, 링크 연동, 캐싱, SEO 운영까지 웹사이트 오너십을 키워간 여정을 설명했습니다.

#Next.js#GraphQL#SEO
5800