Velopers
모든 블로그
여기어때

여기어때

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

활동 요약

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

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

프론트엔드

탐색을 돕는 광고 UX를 만들 수 있을까?

탐색 흐름에 맞춘 광고 UX 실험으로, 피로감은 줄이고 클릭과 전환을 높이는 방법을 살펴보았습니다. 광고는 많이 보여주는 것보다 맥락에 자연스럽게 녹아들 때 더 효과적임을 확인했습니다.

#UI/UX#광고#검색
10400

프론트엔드

한 줄로 끝내는 iOS 화면 생성: Scaffold + Makefile

Tuist Scaffold와 Makefile로 iOS 화면 생성용 보일러플레이트를 한 줄 명령으로 자동화하는 방법을 다뤘습니다. 반복 작업을 줄이고 팀의 코드 일관성과 생산성을 높인 사례를 소개했습니다.

#iOS#SwiftUI#Tuist
6900

프론트엔드

네트워크 기반 Compose Preview가 안보인다면?

네트워크 기반 Compose Preview에서 이미지가 보이지 않는 원인을 분석하고 해결 방법을 공유했습니다. LocalInspectionMode로 프리뷰 환경을 감지해 기본 이미지를 렌더링하도록 개선했습니다.

#Android#Jetpack Compose#preview
5800

프론트엔드

웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기

GrapesJS와 Next.js로 펜션 홈페이지용 웹빌더를 구성한 사례를 정리했습니다. 정적 배포와 S3 연동으로 운영 효율과 비용 절감을 함께 확보했습니다.

#Next.js#React#AWS S3
10600

프론트엔드

모바일 앱의 여기서 재탐색 기능 개선!

모바일 지도 검색에서 고정 반경 방식의 한계를 짚고, 화면 노출 영역 기준 박스 검색으로 개선한 사례를 소개했습니다. 디바이스별 차이를 반영해 더 정확한 재탐색을 구현했습니다.

#iOS#mobile#검색
7200

프론트엔드

검증을 거쳐 완성한 여기어때 홈 아이콘 리스킨

여기어때 홈 카테고리 아이콘을 리스킨한 과정과 UT, A/B 테스트 결과를 정리했습니다. 기존 메타포의 한계를 보완하며 직관성과 현실성을 높인 디자인 방향을 확인했습니다.

#UI/UX#User Research#A/B 테스트
7900

프론트엔드

더 잘 팔고, 더 잘 살 수 있는 방법

가격 혜택 정보를 최종가 주변에 명확히 보여주도록 UX를 개선한 사례를 다뤘습니다. 1차 실험의 문제를 재분석해 문구와 연결성을 수정한 뒤 지표 개선과 런칭까지 이어졌습니다.

#UI/UX#A/B 테스트#쿠폰
8500

프론트엔드

여기어때 시스템 아이콘 개선기

기존 시스템 아이콘의 스타일 불일치와 가독성 문제를 개선한 과정을 공유했습니다. 브랜드 아이덴티티를 반영한 그래픽 규칙으로 일관성과 사용성을 높였습니다.

#UI/UX#design#brand identity
22600

프론트엔드

디자인 시스템 이전으로 돌아가실래요? (2)

디자인 시스템 운영의 비효율을 줄이기 위해 버전 관리, 샘플앱 검수, 이슈 트리아지, 가이드 통합을 정리했습니다. 팀 간 사전 공유와 기록 중심의 프로세스로 시스템 신뢰성과 일관성을 높였습니다.

#디자인 시스템#컴포넌트#피그마
14100

프론트엔드

iOS 개발에서 MFA 패턴 활용하기: with SampleApp

MFA와 샘플앱으로 iOS 앱을 피처 단위로 분리해 협업 효율과 유지보수성을 높였습니다. 전체 빌드와 불필요한 화면 흐름을 줄여 개발 시간을 크게 단축했습니다.

#iOS#module#sample app
6600

프론트엔드

다시 쓰는 해외 여행 이야기 — 웹뷰에서 네이티브로

해외 숙소 서비스의 웹뷰 화면을 Jetpack Compose 기반 네이티브로 전환했습니다. 클린 아키텍처와 DB 분리, 성능 측정을 통해 로딩 속도와 유지보수를 개선했습니다.

#Android#Jetpack Compose#Clean Architecture
3800

프론트엔드

디자이너의 눈으로 본 Figma Slides, 도입해도 될까?

Figma Slides를 디자이너 관점에서 테스트하며 팀 도입 가능성을 살펴보았습니다. 기존 툴의 한계를 보완하면서 협업과 수정 효율을 높일 수 있다는 점이 인상적이었습니다.

#Figma#UI/UX#협업
2500

프론트엔드

Compose와 MVI로 다시 태어난 Android UI: MVVM에서 MVI로의 전환기

검색 화면의 복잡한 상태 관리를 개선하기 위해 MVVM에서 MVI로 전환하고, Compose와 결합한 구조를 소개했습니다. 단방향 데이터 흐름과 SideEffect 분리로 가독성과 유지보수성을 높였습니다.

#Android#Jetpack Compose#MVI
8500

프론트엔드

여기어때 Compose Perfomance 해결 이야기

여기어때는 Compose 도입 후 알림함 화면의 성능 저하 원인을 stability와 recomposition 관점에서 분석했습니다. Immutable Collection과 MutableState, derivedStateOf 조정으로 화면 성능을 개선했습니다.

#Android#Jetpack Compose#성능
3700

프론트엔드

Part 1. 여기어때 디자인 시스템 기반 커스텀 SnackBar 개발기

여기어때 디자인 시스템 YDS 6.0 기반 커스텀 SnackBar 개발 과정을 소개했습니다. 상태 관리, 애니메이션, 드래그 제스처를 통합해 재사용성과 확장성을 높였습니다.

#Android#Jetpack Compose#UI/UX
4300

프론트엔드

더 나은 유저 몰입감을 위해서는 Edge-to-edge 적용은 필수

Android Compose에서 Edge-to-edge 적용 방법과 API별 동작 차이를 정리했습니다. WindowInsets와 padding으로 시스템 UI 겹침을 조정하는 실무 포인트도 설명했습니다.

#Android#Jetpack Compose#WindowInsets
7900

프론트엔드

사용성을 고려한 앱 구조 만들기

여기어때 iOS 카테고리 홈의 긴 로딩 문제를 해결하기 위해 네이티브 전환과 즉시 뷰 업데이트 구조를 적용했습니다. Compositional Layout과 로딩 뷰로 사용성을 높이고 화면 노출 속도를 크게 개선했습니다.

#iOS#Swift#server-driven UI
4700

프론트엔드

첫 탐색만큼 중요한 재탐색 경험 개선

고객의 재탐색 행동 데이터를 바탕으로 검색 결과 페이지의 날짜 변경 흐름을 단순화했습니다. 진입점을 분리하고 모듈을 바로 열리게 해 탐색 편의성을 높였습니다.

#UX/UX#검색#UI/UX
3100