728x90

 

2월 21일 월요일 / 29일 차

 


 

Part 4 - Ch 03

지하철 도착 정보 앱 만들기

 

 

 

도착 정보 화면 구현하기

 

 

내용 요약
구현 순서
1. 지하철역 검색화면 구현하기
2. 도착 정보 화면 구현하기
3. 비동기 처리 알아보기
4. 지하철 도착 정보를 가져오는 네트워크 통신 구현하기
5. 지하철 도착 정보 데이트를 화면에 표시하기 1
6. 지하철 도착 정보 데이트를 화면에 표시하기 2

UINavigationBar

UISearchController
 - UIKit의 UI 컴포넌트 중 하나
 - UINavigationItem으로 사용
 - 검색창을 유저가 선택했을때 모든 동작을 컨트롤할수 있는 집약체

UISearchBar
 - UISearchController에 소속되어 있는 검색창 모양의 UI 컴포넌트

UITableView
 - UISearchController의 SearchBar의 상태에 따라 서버에서 받은 지하철 역 정보를 표시

동기 처리
 - 직렬로 일(UI 변경, 네트워크 통신)을 수행

비동기 처리
 - 병렬로 일(UI 변경, 네트워크 통신)을 수행

비동기 처리 구현 방법
1. Notification Center
2. Delegate Pattrtn
3. Closure
4. RxSwift
5. Combine (iOS 14 ~)

 

 


 

 

지하철역 검색 기능

 

 

복습할 내용

 

- API를 이용하여 네트워크 통신 구축

- Refresh 기능 구현

 

 

 

 

오늘의 공부 후기

 

오늘은 Open API를 이용한 지하철 도착 정보 앱을 구현해봤습니다.

 

앱을 만들기 전에 완성된 화면을 통해 그동안 배운 내용을 토대로 구현 순서를 예상할 수 있었습니다.

UI를 구현하는 것은 어렵지 않았지만 새로운 내용들이 조금 어려웠는데,

이 부분에서 다양한 방법들을 배울 수 있었습니다.

 

적절한 코드 배치를 통해 비동기 방식으로 Refresh 하는 방법과

서울열린데이터광장에서 제공하는 Open API의 지하철역 검색 기능에서 글자 문제로 생긴 버그 해결 방법 등

문제에 부딪혔을 때 어떤 식으로 해결할 수 있는지 방법을 볼 수 있어 좋았습니다. 

 

 

 

 

 

 

https://bit.ly/37BpXi

 

패스트캠퍼스 [직장인 실무교육]

프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.

fastcampus.co.kr

 

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

 

 

728x90

+ Recent posts