⚡️ 숏스(SHORT NEWS)
키워드로 보는 짧은 뉴스 애플리케이션
정보
MashUp IT 동아리에서 진행한 프로젝트
프로젝트 소개
Mash Up IT 동아리 13기 iOS 파트로 참여해 진행한 프로젝트입니다.
iOS 애플리케이션 개발 4인 / 서버 개발 3인 / 디자인 2인으로 이루어져 약 5개월동안 개발했습니다.
숏스는 숏폼 컨텐츠를 뉴스에 접목한 애플리케이션으로, 키워드를 통해 쉽고 빠르게 원하는 뉴스를 읽을 수 있는 경험을 사용자에게 제공합니다.
해당 팀에서 iOS 애플리케이션 개발 업무를 수행했습니다.
아래 문제를 해결합니다.
- 뉴스 내용이 너무 길어서 뉴스를 끝까지 안보게 되는 문제
- 같은 주제의 뉴스가 너무 많은 문제
- 뉴스 제목이 길다 보니 한 번에 어떤 내용인지 파악하기 어려운 문제
아래와 같은 기능을 제공합니다.
- 원하는 분야, 신문사의 뉴스를 간단한 키워드를 통해 제공합니다.
- 1시간 단위로 가장 핫한 키워드를 제공합니다.
- 미처 다 보지 못한 뉴스를 위해 저장하고 하루동안 볼 수 있는 기능을 제공합니다.
- 뉴스를 저장하여 스크랩하고 오랫동안 볼 수 있는 기능을 제공합니다.
담당 업무 내용
네트워크 레이어 구현 (기여도 100%)
- Alamofire 라이브러리를 추상화하여 네트워크 계층을 설계하고 구현했습니다. 열거형으로 정의한 API를 제너릭으로 넘겨 사용하는 형태입니다.
- 요청의 행동을 지정할 수 있는 기능을 제공합니다. 요청 행동을 인자로 지정하여 더미 데이터를 사용한 통신과 실제 서버와 통신을 구분할 수 있습니다.
뉴스 봉투 UI 구현 (기여도 100%)
- 숏스는 뉴스에서 뽑아낸 키워드와 분류를 카드에 적어 사용자에게 제공합니다.
- 해당 기능에서 베지어 패스를 사용해 뉴스 카드가 담겨 있는 봉투 UI를 구현했습니다. 봉투의 각 요소를 그리고 합쳤습니다.
- 또한, 사용자에게 즐거운 경험을 제공하기 위해 봉투가 열리면서 카드가 나타나는 애니메이션을 구현했습니다.
뉴스 카드 페이징 기능 구현 (기여도 100%)
- 숏스는 숏폼형식으로 키워드를 통해 원하는 뉴스를 빠르게 찾을 수 있는 경험을 사용자에게 제공합니다. 사용자는 뉴스 카드를 스크롤하여 뉴스를 찾을 수 있습니다.
- 해당 기능에서 뉴스 카드 스크롤 기능을 구현했습니다. 좌우 방향 스크롤을 통해 뉴스를 찾을 수 있고, 아래로 스크롤 하여 뉴스를 저장할 수 있습니다.
- 뉴스 카드의 기울기 각도, 위치를 수학적으로 계산하여 뷰의 위치 좌표를 얻었습니다. 위치 좌표를 사용해 GeometryReader와 LazyHStack로 스크롤과 페이징이 가능하도록 구현했습니다.
모듈화 설계 (기여도 20%)
- Tuist를 사용해 Scene, Coordinator를 분리하여 설계했습니다.
- Scene과 Coordinator 프로젝트의 타겟을 라이브러리로 설계했습니다.
스크린 샷
| 메인 홈 화면 | 카테고리 변경 바텀 시트 |
|---|---|
 |
 |
| 설정 화면 | 모드 변경 화면 |
|---|---|
 |
 |
| 업적 달성 뱃지 화면 | 업적 뱃지 공유 화면 |
|---|---|
 |
 |
실행 영상
RPReplay_Final1694352526.MP4
9.96MB
RPReplay_Final1694352617.MOV
5.77MB
결과
- MVP를 설정하고 빠르게 개발하여 출시하였습니다.
- 빠른 출시 후 유저 반응과 리포트를 통해 3번의 업데이트를 가졌습니다.
- 매시업 13기 전체 프로젝트에서 1등을 하였으며 앱스토어 뉴스 카테고리 19위를 하였습니다.
| 매쉬업 13기 프로젝트 1등 수상 | 앱스토어 뉴스 부분 19위 달성 |
|---|---|
 |
 |
댓글