🎯 팀 소개 앱 - Team Intro App
📌 미션
- 본격적인 팀 소개 앱 만들기!
- [팀]과 [자신]에 대한 설명 및 MBTI
- 객관적으로 살펴본 자신의 장점
- 자신의 협업 스타일 소개
- 우리 팀만의 특징과 추구하는 궁극적인 목표
- 우리 팀의 약속
- 팀원들의 블로그 주소
💻 코딩 및 구현
- Struct와 switch 함수를 활용하여 구조화된 코드 구현
- 매개변수를 활용한 함수 작성으로 반복되는 코드 최소화
- StackView를 활용해 UI 요소들을 유연하고 일관성 있게 배치함으로써, 오토레이아웃 문제를 간단하게 해결하고 유지보수를 용이하게 구성
- 글 내용이 변경되어 길어지더라도 레이아웃이 깨지지 않도록 StackView와 오토레이아웃을 적절히 조합하여, 다양한 텍스트 길이에도 안정적인 UI를 유지할 수 있도록 설계
🧠 기획 및 디자인
팀 소개앱은 정보를 전달하는 게 목적이라고 느껴서, 최대한 유저의 클릭을 줄이는 방식으로 설계했습니다.
그래서 화면 전환 없이 탭 메뉴로 멤버 정보가 바뀌도록 구성했습니다.
💡 코드를 줄이기 위해 같은 구조의 4개 상자를 재사용했으며,
Figma를 이용하여 오토레이아웃에 신경 써서 디자인했습니다.
🎨 디자인 컨셉은 뉴모피즘 (Neumorphism)입니다.