Velopers
모든 블로그
여기어때

여기어때

도메인techblog.gccompany.co.kr
주요 카테고리 프론트엔드 · DevOps

활동 요약

대표 인기 포스트멀티모듈 프로젝트, 왜 그리고 어떻게 해야 할까?354 조회
최근 30일
2개
평균 조회
77
누적 조회
17,094
전체 글
223개
마지막 발행
2026. 10. 20.
블로그 방문

여기어때 기술 블로그 글 (223)

프론트엔드

여기쏙 — Figma plugin 제작기 : 1. 프록시 서버

Figma 플러그인에서 내부 API를 직접 호출할 때 발생하는 CORS와 HTTPS 제약을 해결하기 위해 프록시 서버를 구축했습니다. 기존 인프라를 재사용하고 최소 권한 원칙으로 설계해 안전하게 운영했습니다.

#Figma#NestJS#Docker
5700

프론트엔드

App Intent, 어디까지 쓸 수 있을까

App Intents로 앱 액션을 시스템에 노출하는 방법과 예약내역-캘린더 저장 예시를 정리했습니다. 다만 Apple Intelligence의 자연어 자동 매핑은 아직 제한적이어서 Shortcuts 중심 전략이 현실적이라고 보았습니다.

#iOS#App Intent#Siri
7300

프론트엔드

제휴점 목록/지도 통합기: 26배 폭증한 비용부터 아키텍처 최적화까지

목록과 지도를 하나의 화면으로 통합하며 비용 폭증과 구조 비대화 문제를 함께 다뤘습니다. Lazy Load, StateHolder, 거리 기반 클러스터링, 커스텀 바텀시트로 개선했습니다.

#Android#Kotlin#Compose
7500

아키텍처

하나의 데이터, 멀티 엔진: Apache Iceberg로 구축하는 데이터레이크

Redshift 단일 클러스터의 적재 지연과 리소스 경합 문제를 해결하기 위해 Iceberg 기반 데이터레이크를 구축했습니다. GCS, BigLake Metastore, Spark, BigQuery를 분리해 멀티 엔진 운영과 벤더 종속 완화를 노렸습니다.

#Apache Iceberg#BigQuery#Spark
7500

데브옵스

“서버가 죽었어요”에서 시작된 이야기, Grafana OnCall과 Amazon Connect로 완성한 실전형 온콜 시스템

Grafana OnCall과 Amazon Connect를 연동해 Target Group 비정상 상태를 자동 감지하고 전화 알림까지 연결한 온콜 시스템 구축 사례입니다. 비용을 줄이면서도 담당자 식별, 알림 제어, 에스컬레이션을 하나의 흐름으로 묶었습니다.

#Grafana OnCall#Amazon Connect#AWS
11800

프론트엔드

Compose NestedScrollConnection 을 이용한 딜허브 화면 구현

Compose의 NestedScrollConnection으로 Tab 접힘과 페이지 스크롤을 연결하는 딜허브 화면 구현 방법을 설명했습니다. LazyColumn stickyHeader와 상태 제어를 함께 써서 화면별 인터랙션을 맞춘 사례를 공유했습니다.

#Android#Jetpack Compose#NestedScrollConnection
4600

프론트엔드

️여기어때 Date·인원 선택 UI 만들기-SwiftUI Calendar Core & DateTravelerSelector 구조 재설계

SwiftUI 기반 Date·인원 선택 UI를 도메인별 정책에 맞게 분리하고 공통 달력 Core로 재구성했습니다. LazyVGrid를 대체해 iOS 16 안정성과 렌더링 성능도 개선했습니다.

#SwiftUI#iOS#Swift
4500

데브옵스

OpenTelemetry와 Kafka를 활용한 안정적인 Observability 구축기

OpenTelemetry와 Kafka를 활용해 마이크로서비스 환경의 Observability 파이프라인을 구축한 사례를 소개했습니다. 자동 계측, 중앙 Collector, Signal별 분리로 안정성과 확장성을 높였습니다.

#OpenTelemetry#Kafka#Observability
11100

기타

여기어때 비주얼 에셋, 새롭게 정의하다

여기어때가 브랜드 일관성과 활용성을 높이기 위해 비주얼 에셋 체계를 새로 정리한 사례를 소개했습니다. 2D·3D 원칙, UT 검증, 검색성과 네이밍 개선까지 함께 다뤘습니다.

#UI/UX#디자인 시스템#검색
7000

프론트엔드

여기어때 마케팅 파트너 구축기

여기어때 마케팅 파트너 서비스를 수기 운영에서 시스템 기반 운영으로 전환한 구축 사례를 다뤘습니다. 하이브리드 구조와 AI QA로 4주 내 런칭과 운영 효율화를 동시에 달성했습니다.

#자동화#ChatGPT#Jira
14900

기타

테스트도 하고 신상 폰도 구경하고~ 여기어때 디바이스룸

여기어때가 구성원 누구나 자유롭게 기기 테스트를 할 수 있는 디바이스룸 운영 사례를 소개했습니다. 업무 효율과 몰입도를 높이기 위해 최신 기종과 OS 환경을 빠르게 반영했습니다.

#test#Android#iOS
6700

백엔드

여기어때 고객 상담 시스템 구축 — SendBird와 metaData 기반 상태 관리

여기어때는 고객 상담 시스템에 SendBird SDK와 Salesforce를 연동했습니다. 상담 상태 제어와 UI 분기를 위해 채널 metaData를 적극 활용했습니다.

#SendBird#metaData#상태 관리
7700

백엔드

여기어때 검색서비스 ‘키워드 통합 시스템’ 구축사례

여기어때가 분산된 검색 키워드 데이터를 MongoDB 기반 단일 허브로 통합한 사례를 소개했습니다. 데이터 관리 일관성과 자동완성 구조 단순화를 통해 확장성을 높였습니다.

#검색#MongoDB#Elasticsearch
9000

백엔드

여기어때 검색 광고: 랭킹 부스팅 구축기

검색 광고의 랭킹 부스트 기능을 설계하고, 노출 수 예측 대신 순위 상승 보장 방식으로 전환했습니다. 데이터 수집, Delta Score 계산, Elasticsearch 가중치 주입과 A/B 테스트 검증 과정을 정리했습니다.

#검색#Elasticsearch#Redis
5400

프론트엔드

Compose에서 Stable을 가볍게 보면 안 되는 이유: LazyList 안정성 가이드 Part 2

LazyColumn 최적화에서 key와 stable 상태가 recomposition 범위에 큰 영향을 준다고 설명했습니다. 아이템 상태와 리스트 변경 방식에 맞는 모델을 선택하는 것이 중요하다고 정리했습니다.

#Android#Jetpack Compose#LazyColumn
5300

AI

우리 팀 코드 스타일을 아는 AI 만들기: 테스트코드 작성, GitLab MR 리뷰 만들기

RAG와 Vector DB로 팀 코드 스타일을 학습한 내부 AI 도구를 만들고 테스트 코드와 MR 리뷰를 자동화했습니다. GitLab CI/CD와 Webhook을 연동해 최신 코드 맥락을 반영하도록 구성했습니다.

#RAG#VectorDB#GitLab
13000

AI

우리 팀 코드 스타일을 아는 AI 만들기: RAG와 Vector DB 활용기

팀 코드 스타일을 반영하는 AI를 만들기 위해 RAG와 Vector DB를 구축한 사례를 소개했습니다. ts-morph 청킹, ChromaDB, Gemini embedding, CI/CD 자동 갱신으로 코드 리뷰와 테스트 생성에 적용했습니다.

#RAG#Vector DB#ChromaDB
12000

프론트엔드

여기어때 컬처북 제작기(2) — 디자인편

여기어때는 리더십원칙을 심볼과 일러스트로 재해석해 컬처북으로 제작했습니다. 딱딱한 가이드북 대신 스토리북 형식으로 조직문화를 친근하게 전달했습니다.

#UI/UX#design#문화
7600