땅따먹기 게임을 아시나요?
아차와 함께 재미있게 운동하며 새로운 땅따먹기 게임을 경험해보세요.
혼자 건물을 주변을 산책할 수도 있고, 여러 친구와 땅을 먹으며 영역 경쟁하는 실제 땅따먹기 게임!
- 내 주변 땅 중 하나를 선택하고, 선택한 땅 주변을 돌아 땅따먹기 할 수 있습니다.
- 게임 중에 현재 땅에 대해 시간순 랭킹, 내 이전 기록을 확인할 수 있습니다.
- 게임이 종료되면 이번 **게임에 대한 기록(땅 이름, 시간, 거리, 칼로리)**을 확인할 수 있습니다.
- 게임이 종료되면 운동 기록이 건강 앱에도 저장됩니다.
- QR코드를 통해 방에 입장하여 친구와 함께 할 수 있습니다.
- 게임 중 다른 플레이어의 실시간 위치와 포인트를 확인할 수 있습니다.
- 게임 중 실시간으로 다른 플레이어와 채팅을 할 수 있습니다.
- 자신의 기록을 볼 수 있습니다.
- 여러 땅의 랭킹을 볼 수 있습니다.
- 게임 결과에 따라 다양한 뱃지를 획득할 수 있습니다.
- 커뮤니티에서 다른 플레이어와 소통할 수 있습니다.
- 사진을 첨부하여 게시글을 올릴 수 있습니다.
- 다른 사용자의 게시글을 보고 댓글을 작성할 수 있습니다.
- 게시글 작성자라면 게시글을 수정 및 삭제할 수 있습니다.
사용한 이유
- GCD를 이용한 비동기 처리 시 코드 블록의 중첩으로 가독성이 떨어지는 현상을 피하기 위해 RxSwift를 선택했습니다.
- 비동기 처리 방법 중 가장 보편적으로 사용되고 있는 RxSwift를 사용하고자 했습니다.
결과
- Network Service - Repository - UseCase - ViewModel - ViewController 순서로 데이터를 주고받을 때 Observable, Observer, Operator를 사용하여 하나의 stream으로 연결할 수 있었습니다.
- 변화하는 사용자 위치를 받아오거나 네트워크 API 호출 등 비동기적 처리를 함수형으로 처리했습니다.
- 선언형 프로그래밍으로 가독성을 높였습니다.
- MVVM과 함께 사용하여 ViewController에서 Model을 직접 참조하지 않고, Model의 상태를 Observing 하여 처리했습니다.
사용한 이유
- 사용자의 현재 위치를 얻어 이동 경로, 먹는 중인 땅을 그릴수 있게 했습니다.
결과
- Data Layer에서 LocationService를 구현하여 위치를 사용하는 Scene에서 간편히 사용하도록 했습니다.
- Background Modes 설정을 통해 사용자가 화면을 꺼도 게임을 원활히 진행할 수 있게 했습니다.
사용한 이유
플레이 할 수 있는 땅들과 사용자의 현재 위치, 경로 등을 지도에 표시해주기 위해 MapKit을 사용했습니다.
적용 방식
- 지도를 보여주기 위해 MKMapView, 땅을 표시하기 위해 MKAnnoation을 사용했습니다.
- MKPolyLine을 이용하여 땅을 먹기 위한 경로, 사용자 이동 경로를 표시해주었습니다.
- 사용자 이벤트 에 따른 MKPolyLine의 색 변화를 위해 MKAnnotation을 상속하여 MapAnnotation 클래스에 polyLine 정보를 저장했습니다.
사용한 이유
- MapKit을 사용하는 여러화면에서 현재 위치, 권한 등 필수 코드의 중복을 최소화하고 싶었습니다.
- Clean Architecture를 따르기위해 모든 Layer에 공통으로 사용할 MapBase코드들을 작성했습니다.
적용 방식
- UseCase단에서 LocationService을 이용해서 위치 권한, 현재 위치를 Observing합니다.
- ViewModel단에서 UseCase을 이용해서 ViewController에 위치 권한, 현재 위치를 Binding합니다.
- ViewController단에서 MapView를 보여주고, 현재 위치로 지도를 focus 할 수 있는 버튼이 있습니다.
- ViewController단에서 좌표를 주면 해당 위치로 지도의 Region을 설정해주는 메소드를 구현했습니다.
결과
- MapView 메모리를 통합적으로 관리해 휴먼 에러를 줄였습니다.
- Map 보여주는 하위 Scene들에서, 공통으로 필요한 ( 현재위치 권한 등 ) 부분을 줄였습니다.
- MapBase 클래스들만 상속하면 별도의 코드를 작성할 필요없이 사용자 위치와 지도를 사용할 수 있습니다.
사용한 이유
땅 따먹기 게임이 종료 되었을 때 달린 거리와 소비한 칼로리를 DB에 저장하게 되는데,
운동 기록을 건강 앱에도 저장하여 사용자의 통합적 운동 관리를 도모하기위해 Healthkit을 사용했습니다.
적용 방식
HKObjectType의stepCount,distanceWalkingRunning,activeEnergyBurned속성을 통해서 걸음 수, 걸은 거리, 소비한 칼로리를 저장했습니다.- 각각
HKUnit클래스를 이용해 속성을 주어서 걸음 수는.count()로 걸음 수를 단위로, 걸은 거리는.meter()로 미터 단위로, 칼로리는.kilocalorie()로 킬로칼로리 단위를 기록했습니다. - 앱에서 걸은 거리, 칼로리등을 계산해서
HKQuantity로 값을 만들어주고, 시작 시간과 종료 시간을Date형으로 만들어 주고 이 값들을 이용해서HKQuantitySample형으로 만들어주어서HKHealthStore이라는HealthKit의 모든 데이터에 접근하고 관리할 수 있는 클래스를 이용해서 데이터를 저장했습니다.
결과
게임이 종료 되었을 때 HealthKit 과 연동을 하여 앱을 사용하지 않을 때도 자신의 운동 기록을 관리할 수 있게 되었습니다.
사용한 이유
사용자의 로그인 결과를 앱 내부에 저장 하기에는 사용자의 민감한 데이터가 유출될 수 있는 취약점이 있었습니다.
Keychain Services API 는 데이터와 같이 속성 값을 주어 데이터를 암호화 하고 이를 Keychain 에 저장하는 방식으로 구성 되어 보안적으로 더 나은 선택이라 생각해서 사용하게 되었습니다.
적용 방식
- 애플의 Keychain services API 는
[String: AnyObject]형식의 쿼리문을 만들어서 데이터를 저장합니다. - 저장할 때는
kSecClass로 데이터 종류(비밀번호, 인증 등)를 명시하고kSecAttrService로 어떤 서비스인지kSecAttrAccount로 어느 계정인지 그리고kSecValueData로 어떤 데이터를 저장할지 쿼리문을 만들어서 데이터를 저장했습니다. - 가져올 때는
kSecReturnData을 이용해서 값 수신 여부를 결정해서kSecMatchLimit로 가져올 데이터의 양을 결정해주었습니다. - 갱신할 때는
kSecClass와kSecAttrService로 쿼리문을 만들어주고kSecAttrAccount와kSecValueData로 특성을 만들어 값을 갱신했습니다. - 삭제할 때는
kSecClass와kSecAttrService로 삭제할 값을 선택해주었습니다.
결과
- OS 에서 앱들은 하나의 keychain 에 접근할 수 있고 유저가 기기의 잠금을 풀었을 때만 사용 가능하게 되기 때문에 보안적으로 더 신경쓸 수 있게 되었습니다.
- 유저에게 정보를 계속 요청할 필요가 없어져 더 좋은 유저 경험을 제공할 수 있게 되었습니다.
사용한 이유
그래프를 UIView로 하드코딩 하던 방식을 개선하여, 동적인 느낌을 주고싶어 적용하게 되었습니다.
적용 방식
UIBezierPath를 통해 좌표를 따라addLine과addArc를 사용해서 점과 그래프 선을 그려줍니다.CABasicAnimation을 통해 두개의 path로 그래프가 y축으로 올라가는 애니메이션과 투명도를 조절해주는 애니메이션을 넣어주었습니다.
결과
기존의 정적인 차트에서 동적인 차트로 바뀌면서 변화가 눈에 더 잘 띌 수 있게 되었습니다.
사용한 이유
MVC 에서 생기는 ViewController 이 방대해지는 문제 와 기존의 MVC 와 MVVM 에서 생기는 의존성 문제를 해결하기 위해 MVVM-C & Clean Architecture 패턴을 사용했습니다.
구조
결과
- 뷰 전환시 Coordinator 패턴을 사용해 단일 책임 원칙을 지킬 수 있었습니다.
- Clean Architecture 패턴을 적용해 레이어를 나눠 테스트와 확장성이 용이하게 되었습니다.
- Entity 와 DTO 를 분리하여 View Layer와 DB Layer의 역할을 분리할 수 있어서 의존성을 떨어뜨릴 수 있었고, 화면에 필요한 데이터를 선별해 사용하여 데이터의 은닉화가 가능하게 되었습니다.
| S020 배남석 | S021 변상연 | S052 조승기 | S059 홍성철 |
|---|---|---|---|
 |
 |
 |
 |
| NamSeok-Bae | sangyeon3 | seungki-cho | godo129 |
저희들의 개발 과정은 이곳에서 보실 수 있습니다 👉👉👉 아차의 WIKI
