Saving Water💧, Electricity⚡️, Gas🔥
수도, 전기, 가스 공과금에 대한 조회 및 납부를 하나의 앱에서 쉽게 관리할 수 있는 앱이에요.
-
따로 납부해야했던 수도, 전기, 가스 공과금을 한 번에 납부할 수 있어요.
-
거주환경이 비슷한 사람들의 공과금과 나의 공과금을 비교할 수 있어요.
-
게시판 기능을 통해 나만의 절약 꿀팁을 사람들과 공유하거나 배울 수 있어요.
-
총 개발 기간: 2024년 02월 19일 ~ 22일 (총 4일)
-
기획 및 프로토타입 제작: 1일
-
개발 및 피드백: 3일
| 조회 및 납부 기능 | 공과금 비교 기능 |
|---|---|
 |
 |
| 게시판 기능 | 여러 가지 설정 |
 |
 |
-
Xcode version: 15.2
-
Swift version: 5.9.2
-
Target iOS version: 17.0
-
Test Device: iPhone 15 Pro
-
Orientation: Portrait only
-
Github Repository를 Clone해요.
git clone https://github.com/APP-iOS4/SwiftUI-Prototype-SWEG.git
-
SwiftUI-Prototype-SWEG ➡️ Sweg ➡️ Sweg 디렉토리에 들어가요.
-
Sweg.xcodeproj 파일을 선택해서 프로젝트를 실행해요.
-
조회 및 납부 탭에서는
- 이번 달 수도, 전기, 가스의 공과금을 조회하고, 납부할 수 있어요.
- 최근 3개월 공과금을 조회할 수 있어요.
-
공과금 비교 탭에서는
- 거주환경이 비슷한 사람들의 공과금과 나의 공과금을 차트를 통해 비교할 수 있어요.
- 내가 납부한 최대 및 최소 공과금을 확인할 수 있어요.
-
핵꿀팁 게시판 탭에서는
- 절약 꿀팁을 작성할 수 있고, 다른 사람의 꿀팁을 볼 수 있어요.
-
더보기 탭에서는
- 공지사항을 확인할 수 있어요.
- 앱과 관련된 여러 가지 설정을 할 수 있어요.(앱 비밀번호 설정 등)
| 🚗 김성민 |
☕️ 박상현 |
🍪 심소영 |
🎧 홍승표 |
|---|---|---|---|
| S₩EG 😎 | 일단 나부터 아끼자... | 프라이드 사줘 | TV부터 꺼야지 |
 |
 |
 |
 |
| @marukim365 | @iosHumhae | @simsoyung | @tv1039 |
SwiftUI로 진행한 첫 프로젝트. 확실하게 느낀 점은 UIKit 보다는 View를 구성하는 데 훨씬 수월했다. 하지만 프로젝트 경험이 없다보니 만족스러운 부분보다는 아쉬웠던 점이 더 많았다.
먼저 혼자하는 프로젝트가 아니다보니 앱의 분위기(강조색)나 코드 컨벤션에 있어서 통일성을 맞추는 것이 중요하다는 것을 느꼈다. 처음부터 이런 부분을 맞추지 않았다면, 나중에 병합 작업 시에 꽤 손이 많이 들었을 것이다. 이번 프로젝트에서는 처음에 강조색을 맞추고 시작했는데, 나중에 병합 작업 후 색상에 있어서 통일감이 느껴졌다. 하지만 코드 부분에서는 코드 컨벤션을 논의하지 않고 시작하다보니 각자의 코드 스타일이 달라 통일감을 찾기 어려웠다.
또, 재사용이 가능한 코드를 짜지 못했다는 점이 아쉬웠다. 모든 View를 구현하고나서 코드를 쭉 살펴보니, 코드가 반복되는 부분이 많았다는 것을 깨달았다. 그리고 '이런 View는 다른 곳에서 유사하게 사용할 수 있겠는데?' 라는 생각도 들었다. 프로젝트를 마친 후에 코드를 리팩토링을 통해 재사용성 있고 깔끔한 코드로 수정해봐야겠다.
아직은 개발이 처음이라 아쉬운 점이 많았지만, 이렇게 아쉬웠던 점을 회고하고 고쳐나가면서 조금 더 멋진 개발자로 성장할 수 있는 것 아닐까!? 😎
이번 프로토타이핑을 진행할때는 개인적으로 뷰를 그리는 방법을 고심했습니다. 플로팅버튼을 구현하면서 ZStack의 레이어 개념에 대해서 좀 더 알아갈 수 있었습니다. 자동이체 변경, 비밀번호 키패드를 구현하면서 Grid에 대해 이해할 수 있었고, 게시글 내의 하단 댓글 입력, 게시글 작성에서의 툴바를 구현하면서 SafeArea의 유동적인 변화를 이해할 수 있었습니다.
ZStack, VStack, HStack 등을 어떤 계층으로 활용해야하는지 명확하게 알고있지는 못하지만, 생각한대로 뷰를 그릴 수 있었다는 점에서는 만족스러웠습니다. 다만 어떻게 더 효율적으로(불필요한 스택을 사용하지 않는) 뷰를 그릴 수 있을지에 대해서는 좀 더 공부가 필요하다는 것을 느꼈습니다.
팀원분들과의 화합도 좋았고, 기획 아이디어도 매우 흥미로워 전반적으로 만족스러운 실습이 되었습니다.
첫 번째 SwiftUI 프로토타입 팀 프로젝트에 참여한 경험을 돌아보면, UI 및 간단한 기능의 구현을 통해 앱의 기본적인 틀을 기획하고, 팀원들의 다양하고 섬세한 피드백을 수렴하여 더 나은 사용자에게 친숙한 UI를 제공할 수 있게 되었습니다. 협업 과정에서는 지속적인 피드백을 주고받음으로써 초기 기획보다 더 나은 완성도 있는 프로토타입을 구현할 수 있게 되었고 팀원들 덕분에 GitHub와 SwiftUI 언어의 특성에 대한 이해도를 향상시킬 수 있었던 프로젝트 기간이었습니다.
그리고, 이번 프로젝트에서는 차트 모델을 처음 사용해 봤는데, 월별 데이터 모델을 만들고 차트를 통해 사용자에게 관리비 정보를 시각적으로 제공할 수 있는 월별 데이터의 차트와 최대, 최소 비용 정보를 나타낼 수 있는 목록을 구현하여 사용자에게 다양한 시각적 정보를 제공할 수 있는 구현을 해보게 되었습니다. 그러나 프로젝트를 진행하면서 개선이 필요한 부분도 발견했습니다. 프로토타입 단계에서는 UI에 중점을 두어 데이터 모델을 개인 사용자 더미 데이터만 설계 후 구현하였습니다.
추후에 실제 구현을 하게 된다면 개인 사용자 데이터와 전체 사용자 데이터를 관리할 수 있는 모델을 구현해야 할 필요성이 있다고 느꼈습니다. 또한, 초기 기획에서는 포인트 컬러만을 통일시켰지만, 각자의 코딩 스타일이 달라 코드 부분에서는 일관성이 부족한 면이 있었습니다. 이를 향후 프로젝트에서는 코드 컨벤션을 통일시키는 노력이 필요하다고 느꼈습니다.
She's comming!😆
앱에 사용된 이미지 관련해서 문제가 있으면 아래의 메일로 문의주시면 조치하도록 할게요.
Copyright SWEG. All rights reserved.
License under the MIT license.