<aside> <img src="/icons/code_red.svg" alt="/icons/code_red.svg" width="40px" /> Lumi Labs의 모바일 앱 개발 가이드라인 페이지에 오신 것을 환영합니다! 이 가이드는 사용자에게 뛰어난 모바일 경험을 제공하기 위한 종합 리소스 페이지입니다. UI/UX 모범 사례, 코딩 규칙, 아키텍처 패턴 및 플랫폼별 고려 사항을 참고해 직관적이고 성능이 뛰어나며 안전한 앱을 개발해 보세요.

</aside>

UI/UX 모범 사례

• 직관적인 내비게이션
  • 사용자를 앱으로 쉽게 안내할 수 있도록 명확하고 일관된 내비게이션 패턴(예: 탭 바, 햄버거 메뉴)을 사용합니다.
  • 인터랙티브한 제어 과정을 위해 직관적인 제스처(예: 스와이프, 핀치)를 구현합니다.
• 시각적 계층 구조
  • 크기, 색상 및 배치를 활용해 중요한 정보와 작업을 강조합니다.
  • 가장 중요한 요소들이 시각적으로 돋보이도록 합니다.
• 반응형 디자인
  • 레이아웃과 콘텐츠를 배포할 때 모든 장치에서 최적의 경험을 제공할 수 있도록 다양한 화면 크기와 방향을 고려합니다.
• 접근성
  • 장애인이 앱을 사용할 수 있도록 접근성 가이드라인(예: WCAG)을 준수합니다.
  • 충분한 색상 대비, 명확한 레이블 및 이미지에 대한 대체 텍스트를 사용합니다.

코딩 규칙

• 일관성
  • 코드베이스 전반에 걸쳐 가독성과 편리한 유지보수를 위해 일관된 코딩 스타일(예: 명명 규칙, 들여쓰기)을 따릅니다.
  • 목적을 반영하는 기술 변수 및 함수 이름을 사용합니다.
• 모듈화
  • 복잡한 로직을 더 나은 코드 조직과 중복 줄이기를 위해 더 작고 재사용 가능한 모듈이나 함수로 나눕니다.
• 오류 처리
  • 예상치 못한 상황을 잘 처리하고 사용자에게 유익한 피드백을 제공하기 위해 종합적인 오류 처리 메커니즘을 구현합니다.
• 문서화
  • 명확하고 간결하게 코멘트를 작성해 코드의 목적과 기능을 설명합니다.
  • 앱의 아키텍처, API 및 데이터 모델에 대한 기록을 최신 버전으로 업데이트합니다.

아키텍처 패턴

• MVVM (Model-View-ViewModel)
  • 명확한 역할 분리, 편리한 테스트와 유지보수를 위해 Lumi Labs 모바일 앱에 권장되는 사항입니다.
  • 모델은 앱의 데이터를 나타내고, 뷰는 UI를 표시하며, 뷰모델은 모델과 뷰 사이의 로직과 통신을 처리합니다.
• 클린 아키텍처
  • 앱을 더 모듈화하고 유지 보수 가능한 코드베이스를 만들기 위해 클린 아키텍처 원칙을 권장합니다.
  • 클린 아키텍처는 역할 분리를 중점으로 두며, 비즈니스 로직을 UI 및 데이터 계층에서 분리하므로 테스트 과정이 더 간편해 집니다..

플랫폼별 고려 사항

• iOS (Swift)
  • Swift의 최신 언어 기능, 타입 안전성, 성능 최적화를 활용합니다.
  • 일관된 iOS 경험을 위해 Apple의 인간 인터페이스 가이드라인을 따릅니다.
• Android (Kotlin)
  • Kotlin의 간결한 문법, null 안전성, Java와의 상호 운용성을 활용합니다.
  • 네이티브 Android 느낌을 위해 Google의 소재 디자인 가이드라인을 따릅니다.

<aside> <img src="/icons/dialogue_red.svg" alt="/icons/dialogue_red.svg" width="40px" /> 자주 묻는 질문(FAQ)

</aside>

• Lumi Labs 모바일 개발에는 어떤 프로그래밍 언어를 사용해야 하나요?
  • iOS 개발에는 Swift를, Android 개발에는 Kotlin을 사용하는 것을 추천합니다.