Velopers
모든 블로그
여기어때

여기어때

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

활동 요약

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

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

프론트엔드

스플래시 화면을 활용한 홈화면 백화현상 개선하기

스플래시 화면으로 홈 화면 로딩 중 빈 화면 노출을 줄이고 백화현상을 개선했습니다. 또한 온보딩 플로우를 단순화해 첫 진입 경험을 더 자연스럽게 만들었습니다.

#iOS#RxSwift#API
4300

프론트엔드

앱과 웹의 연결고리 : 여기어때 통합 WebView 구축기

여기어때 앱에서 웹뷰를 통합한 과정과 연동 방식을 정리한 글입니다. 파편화된 브릿지 규격을 하나로 묶어 유지보수와 협업 효율을 높인 사례를 소개했습니다.

#Android#WebView#JavaScript
4800

프론트엔드

해외숙소 홈 개편기

해외숙소 홈을 웹에서 네이티브로 개편하며 성능과 사용성을 개선했습니다. 또한 State 관리와 탭 전환 응답 처리 문제를 분리·정리해 유지보수성을 높였습니다.

#iOS#RxSwift#API
3300

프론트엔드

UIKit 환경에서 SwiftUI 적용기: 여기어때 Home 화면 편

UIKit 기반 홈 화면을 SwiftUI로 전환한 적용 과정을 공유했습니다. 기존 ReactorKit과 CMS 구조를 유지하면서 생명주기 브리지와 모델 모듈화를 활용했습니다.

#SwiftUI#UIKit#ReactorKit
3700

프론트엔드

해외파트너센터 개발 오픈기- 3.글로벌 대응을 위한 다국어 처리 작업

해외 파트너 센터에 다국어 처리를 적용한 과정과 i18next 선택 이유를 정리했습니다. Next.js 환경에서의 언어 감지, JSON 관리 방식, 유지보수 포인트도 함께 공유했습니다.

#i18next#react-i18next#Next.js
12800

프론트엔드

해외파트너센터 개발 오픈기 — 1. 이중 도메인에대한 접근 처리

국내 파트너센터 레포지토리 안에서 해외 파트너센터를 빠르게 오픈한 과정을 다루었습니다. Next.js Middleware와 `isOversea` 상태로 도메인과 화면을 분기해 유지보수성을 높였습니다.

#Next.js#Recoil#i18next
3100

프론트엔드

선행을 정규 프로젝트로 성공시키는 방법

카테고리 홈의 지역 탐색 문제를 검색 기능과 모듈 개선으로 해결하고, UT와 A/B 테스트로 효과를 검증했습니다. 퍼소나와 유저 스토리, 프로토타입으로 근거를 쌓아 선행 프로젝트를 정규 프로젝트로 전환했습니다.

#UX/UX#AB 테스트#UT
2300

프론트엔드

카테고리홈에 검색 기능을 더했더니?

카테고리홈의 불편한 지역 탐색 문제를 검색 기능 추가로 개선했습니다. 그 결과 PDP 유입과 구매 전환, GMV per User가 함께 상승했습니다.

#A/B 테스트#검색#UI/UX
2200

프론트엔드

작은 카드에 담긴 큰 문제를 풀다

여기어때 객실 카드 개선 과정에서 사용자 서베이와 실험으로 숙소 탐색과 객실 탐색의 정보 우선순위 차이를 확인했습니다. 카드의 일관성과 확장성을 위해 정보 표현 방식과 UI를 통일하고 모듈형 구조를 고민했습니다.

#UX/UX#UI/UX#A/B test
4900

프론트엔드

여기어때 iOS 앱의 네트워크 모듈 리팩토링&화면 로딩 기능 개선 이야기

여기어때 iOS 앱에서 RxSwift 의존성을 줄이고 Combine과 Async/Await 기반으로 네트워크 구조를 리팩토링했습니다. 전면 로딩바 대신 화면별 로딩 상태를 처리해 사용자 상호작용도 개선했습니다.

#iOS#RxSwift#Combine
4600

프론트엔드

DispatchQueue.main.async에 대해 파헤쳐보자

DispatchQueue.main.async의 의미를 GCD와 DispatchQueue 개념부터 차근차근 설명했습니다. sync와 async, Serial Queue와 Concurrent Queue 차이까지 예제로 정리했습니다.

#Swift#iOS#GCD
3200

프론트엔드

최적의 UX를 찾아서, 여기어때 객실 카드 개선기

여기어때가 객실 카드에서 사진, 취소 정책, 상세 정보를 직접 보여주도록 개선한 사례를 소개했습니다. 유저 리서치와 실험을 통해 구매 전환과 카테고리별 반응 차이를 확인했습니다.

#UI/UX#A/B 테스트#refactoring
3900

프론트엔드

여기어때가 비주얼 일관성을 지키는 방법, 여기어때 룸서비스 ️

여기어때가 브랜드 그래픽 자산을 한곳에 모아 일관되게 쓰도록 ‘룸서비스’ 웹사이트를 구축했습니다. 디자이너가 프레이머로 직접 만들고 운영까지 쉽게 이어가도록 설계했습니다.

#프레이머#웹사이트#UI/UX
2500