Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
항공 프론트엔드 구축기 (10/10): 폴더 이름 앞의 기호 하나 섬네일

항공 프론트엔드 구축기 (10/10): 폴더 이름 앞의 기호 하나

여기어때 favicon여기어때·Frontend·
TypeScriptReactVueFeature Sliced Design
2026년 09월 10일0

AI 요약

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

핵심 요약

여기어때의 항공 프론트엔드 구축기에서 FSD를 도입해 레이어-슬라이스-세그먼트 구조를 적용하고, +와 _ 기호로 경계를 표시해 전용/공용 자산을 구분하는 체계를 팀 합의로 굳혔습니다.

주요 경험

  • 구조를 재귀적으로 설명하는 규칙으로 깊이가 늘어나도 이해가 쉬워졌습니다.
  • +, _, shared 계층으로 전용/공용 자산 구분이 명확해졌습니다.
  • 섹션/팝업/위젯까지 계층이 확장되며 협업과 재사용성이 개선되었습니다.

얻은 인사이트

  • 규칙은 팀 합의와 문서화로 신규 멤버의 학습 속도를 높입니다.
  • 의존 방향 검사 등 도구 활용 가능성에 대한 여지가 남아 있습니다.

연관 피드

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

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

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

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

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

여기쏙 — Figma plugin 제작기 : 2. UI

여기어때 favicon여기어때·2025년 12월 18일