Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그

항공 프론트엔드 구축기 (1/10): 웹, 모바일웹, 웹뷰를 코드 한 벌로

여기어때 favicon여기어때·Frontend·
APIVue.jsTailwind CSSDesign Tokens
2026년 08월 07일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

여기어때의 항공 프론트엔드 구축기는 웹, 모바일웹, 웹뷰를 한 벌 코드로 운영하려는 시도를 중심으로, 설계 결정 과정과 DX 개선 사례를 공유합니다.

주요 경험

  • 한 달간 혼자 선행해 규약과 구조를 정리하고 방향을 확정했습니다.
  • 모노레포로 공용 컴포넌트와 브릿지, 레이아웃을 한 벌로 관리하는 구조를 도입했습니다.
  • 차이는 없애려 하기보다 감출 수 있는 것은 감추고, 없는 부분은 한 줄로 구분하는 설계 원칙을 채택했습니다.

얻은 인사이트

  • 규약 파악과 문서화가 협업 속도와 이해도를 높였습니다.
  • DX 중심의 설계가 개발 생산성과 확장성에 긍정적 영향을 가져왔습니다.
  • 향후 재사용성과 모듈화의 중요성을 확인했습니다.

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
No Image
83%

항공 프론트엔드 구축기 (4/10): “앱이냐”와 “좁냐”는 다른 질문이다

여기어때 favicon여기어때·2026년 08월 07일
No Image
78%

항공 프론트엔드 구축기 (2/10): Vue2 디자인 시스템을 React로 옮기기

여기어때 favicon여기어때·2026년 08월 07일
No Image
77%

멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유

여기어때 favicon여기어때·2026년 03월 10일