[TIL] 팀 소개 앱 완성

Eden·2025년 5월 22일

🎯 팀 소개 앱 - Team Intro App

GitHub

앱 스크린샷 1 앱 스크린샷 2

📌 미션

  • 본격적인 팀 소개 앱 만들기!
    1. [팀]과 [자신]에 대한 설명 및 MBTI
    2. 객관적으로 살펴본 자신의 장점
    3. 자신의 협업 스타일 소개
    4. 우리 팀만의 특징과 추구하는 궁극적인 목표
    5. 우리 팀의 약속
    6. 팀원들의 블로그 주소

💻 코딩 및 구현

  • Structswitch 함수를 활용하여 구조화된 코드 구현
  • 매개변수를 활용한 함수 작성으로 반복되는 코드 최소화
  • StackView를 활용해 UI 요소들을 유연하고 일관성 있게 배치함으로써, 오토레이아웃 문제를 간단하게 해결하고 유지보수를 용이하게 구성
  • 글 내용이 변경되어 길어지더라도 레이아웃이 깨지지 않도록 StackView오토레이아웃을 적절히 조합하여, 다양한 텍스트 길이에도 안정적인 UI를 유지할 수 있도록 설계

🧠 기획 및 디자인

팀 소개앱은 정보를 전달하는 게 목적이라고 느껴서, 최대한 유저의 클릭을 줄이는 방식으로 설계했습니다.
그래서 화면 전환 없이 탭 메뉴로 멤버 정보가 바뀌도록 구성했습니다.

💡 코드를 줄이기 위해 같은 구조의 4개 상자를 재사용했으며,

Figma를 이용하여 오토레이아웃에 신경 써서 디자인했습니다.

🎨 디자인 컨셉은 뉴모피즘 (Neumorphism)입니다.

profile
iOS Dev

0개의 댓글