Velopers
모든 블로그
요기요

요기요

도메인techblog.yogiyo.co.kr
주요 카테고리 AI · Frontend · DevOps

활동 요약

대표 인기 포스트[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기128 조회
최근 30일
0개
평균 조회
59
누적 조회
1,423
전체 글
24개
마지막 발행
2026. 4. 23.
블로그 방문

최신 게시글 (20)

AI

n8n과 함께하는 모바일팀 온콜 자동화 여정기 — Part 1: 분석은 AI에게

요기요 모바일팀이 n8n과 AI로 크래시·앱 리뷰 분석을 자동화한 과정을 소개했습니다. 반복 업무는 AI에 맡기고 사람은 판단에 집중하는 구조를 만들었습니다.

#Android#n8n#Slack
7000

AI

AI가 바꾸는 UX 리서치: 설계부터 품질 관리까지

AI를 리서치 설계, 분석, 리포팅, 품질 관리에 적용해 UX 리서치 파이프라인을 고도화했습니다.반복 작업을 줄이고 근거 기반 인사이트와 의사결정 지원을 강화한 사례를 소개했습니다.

#ChatGPT#Gemini#UX/UX
5700

AI

ChatGPT에서 요기요 배달 쓰기 — MCP + 위젯 연동 개발기

ChatGPT Apps SDK와 MCP로 요기요 배달 서비스를 연결한 개발 과정을 정리했습니다. 위젯, CSP, 배포 분리, 모니터링까지 실제 운영 관점의 설계가 담겼습니다.

#MCP#ChatGPT#TypeScript
6400

프론트엔드

[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응

Next.js 환경에서 디자인 시스템 라이브러리의 번들 최적화와 구형 브라우저 대응 방법을 정리했습니다. 모듈 구조 유지, transpilePackages, 폴리필 전략을 통해 서비스 단의 호환성과 성능을 함께 개선했습니다.

#Next.js#React#Tree Shaking
8900

데브옵스

[요기요 카오스 엔지니어링 (2)] 카오스 실험 결과 정리하기

Stage 환경에서 Locust 트래픽을 기반으로 카오스 실험 결과를 정리했습니다. Pod 지연과 외부 API 차단이 서비스와 사용자 경험에 미치는 영향을 확인하고 개선 포인트를 도출했습니다.

#카오스 엔지니어링#AWS FIS#Istio
4700

기타

연말 모드 ON, R&D Center 집합

R&D Center 2025 연말 파티의 준비 과정과 현장 분위기를 소개했습니다. TF 협업으로 구성원들이 편하게 즐기는 연말 행사를 만들었습니다.

#문화#회의
7000

프론트엔드

마커 펼치기로 포장 지도 UX 개선하기 : Map Projection

포장 지도에서 겹친 마커로 탐색이 어려운 문제를 Map Projection 기반 펼치기로 개선했습니다.\n클라이언트 계산, 개수 제한, 줌 스케일링으로 가독성과 선택 흐름을 함께 높였습니다.

#Android#UI/UX#Map Projection
6500

AI

사내 DB 관리 규정을 AI로 적용하다 : Amazon Bedrock 기반 DBA 리뷰봇 개발기

사내 DB 관리 규정을 바탕으로 DDL 요청을 1차 검토하는 Bedrock 기반 리뷰봇을 개발했습니다. 20% 처리 속도 개선과 함께 DBA의 반복 업무와 커뮤니케이션 비용을 줄였습니다.

#Amazon Bedrock#LLM#AWS
8300

프론트엔드

[디자인 시스템 어떻게 만들었어요?(2)] Radix Primitives와 Panda CSS로 유연하고 단단한 컴포넌트 만들기

Radix Primitives로 접근성과 확장성을 확보하고, Panda CSS로 상태 기반 스타일링을 선언적으로 구성했습니다. 또한 styled-components의 한계를 고려해 Zero-runtime CSS-in-TS로 전환하고 토큰 배포 전략도 정비했습니다.

#Radix Primitives#Panda CSS#styled-components
8800

프론트엔드

더 빠르게 주문 상태 전달하기: Live Activities

Live Activities를 iOS 주문 상태 전달에 적용한 사례를 소개했습니다. 앱 종료 상태와 여러 기기에서도 일관된 상태 반영을 위해 APNs 기반 서버 관리를 선택했습니다.

#iOS#Live Activities#APNs
4700

데브옵스

요기요 카오스 엔지니어링 (1) 카오스 실험 시작하기

요기요의 카오스 엔지니어링 도입 과정과 실험 설계 방법을 공유했습니다. Istio와 권한 설정 이슈를 해결하며 AWS FIS로 네트워크 지연 주입을 성공시켰습니다.

#Kubernetes#AWS#EKS
8500

프론트엔드

[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기

요기요는 디자인 시스템 아이콘을 개별 SVG 컴포넌트와 전용 라이브러리로 재구축했습니다. 자동 변환, 접근성, 토큰 연동, 변경 내역 자동화로 운영 효율을 높였습니다.

#React#SVG#디자인 시스템
12800

AI

AI 서버 모니터링 자동화: 반복적인 업무를 줄이고, 놓치던 인사이트를 얻다.

Datadog 모니터링 분석을 Gemini로 자동화해 주간 작업 시간을 1시간에서 5분으로 줄였습니다. 다만 이미지 분석과 비즈니스 맥락 부족으로 인한 한계는 API 데이터와 검증 과정으로 보완했습니다.

#모니터링#Gemini#Datadog
12800

AI

요기요는 어떻게 AI 챗봇으로 IT/HR 업무를 자동화했을까?

요기요는 사내 AI 챗봇 ‘조리’로 반복적인 IT/HR 문의와 일부 업무를 자동화했습니다. Slack 기반 멀티에이전트 구조와 외부 시스템 연동으로 응답과 액션을 함께 처리했습니다.

#LLM#RAG#Slack
12800

백엔드

요기요 검색에서 형태소 분석기의 한계와 극복

요기요 검색에서 형태소 분석기의 한계를 사례로 설명하고, N-gram을 보완적으로 도입한 개선 방식을 소개했습니다. 그 결과 검색 미노출 CS를 줄이며 플랫폼에 맞는 Analyzer 설계의 중요성을 강조했습니다.

#검색#형태소 분석기#N-gram
4200

백엔드

검색엔진의 Analyzer, 형태소분석기 ≠ 토크나이저

검색엔진의 Analysis 흐름과 Analyzer의 역할을 정리하고, 형태소 분석기와 토크나이저의 차이를 설명했습니다. 또한 동의어·n-gram·stop filter로 검색 품질을 조정하는 방법을 소개했습니다.

#검색#Elasticsearch#형태소분석기
3700

아키텍처

요기요 채널링 서비스 런칭 회고

요기요 채널링 서비스를 신규 마이크로서비스로 설계하고 런칭한 회고를 공유했습니다. API Gateway와 패키지 구조 설계로 확장성과 가독성을 높이고 파트너별 요구를 반영했습니다.

#MSA#API Gateway#Redis
2900

데브옵스

AWS Re:invent 2023 참관기와 연사자 후기! (2)

AWS re:Invent 2023 연사 참여와 EKS 기반 비용 최적화 사례를 소개했습니다. 발표 준비 과정과 현장 경험, 향후 발표자 팁도 함께 정리했습니다.

#AWS#EKS#Istio
3500

데브옵스

AWS Re:invent 2023 참관기와 연사자 후기! (1)

AWS Re:Invent 2023 참관기와 세션 후기를 통해 클라우드·서버리스·성능 최적화 인사이트를 정리했습니다. 장애 회복력, 캐싱, 샤딩, 생성형 AI 서비스의 실무 적용 가능성도 함께 살펴봤습니다.

#AWS#cloud#Lambda
1900

기타

별이 빛나는 밤에

요기요 R&D Center의 2023년 연말 파티 현장과 준비 과정을 소개했습니다. 구성원들이 함께 만든 무대와 소감을 통해 조직 문화를 보여주었습니다.

#문화#세미나#event
1600