업데이트:

홈화면


image

시작 화면을 맛집 리스트를 보여주는 테이블뷰로 하였다.

섹션의 경우 맛집의 카테고리 별로 나눠주었다.

이미지뷰의 옵션을 따로 설정하지 않고 모든 이미지의 크기를 동일하게 만들어주었는데 한솥도시락의 경우는 적용이 안된 것 같아 아쉽다..

세부 정보 화면


image

상단 이미지뷰에는 맛집의 사진을 넣어주었고 아래로는 차례대로 맛집의 이름, 전화 / 지도 버튼, 메뉴가 나오게끔 해주었다.

prepare 메소드를 이용해 터치한 맛집의 이름과 indexPath를 전달 받아 정보를 보여주는 형식이다.

전화 걸기

image

작동이 잘 되는지 확인을 하지 못했다..

url로 다른 앱과 연결하여 전화를 거는 방법을 이용했다.

alert를 이용해 전화를 걸 것인지 확인하는 알림도 띄워주었다.

지도 화면


image

MapKit을 이용하여 해당 맛집의 위치를 지도를 통해 확일할 수 있게끔 하였다.

google 맵을 이용해 각 맛집 별 경도와 위도값을 배열에 저장하고, 그 값에 맞는 주소를 상단 레이블에 표시해주었다.

마치며


오토레이아웃으로 정말 간단하게 위치만 지정을 해줘서 디자인에 아쉬움이 많이 남는다.

또 코드도 비효율적이고 정리가 안되어 있는 것 같아서 그 점도 아쉽다.

댓글남기기