반응형
안녕하세요. 개발하는 정주입니다.
오늘은 WeatherToday 사전 검수에 대해 포스팅하려고 합니다.
목차
프로젝트 개요
이번 프로젝트는 JSON 데이터, 내비게이션 컨트롤러, 테이블 뷰를 중점으로 진행됩니다.
JSON 데이터를 활용하여 날씨 정보를 보여주고 내비게이션 컨트롤러, 테이블 뷰를 활용합니다.
화면 1(세계 국가 리스트)
- 내비게이션 타이틀은 "세계 날씨"이다.
- 테이블 뷰 셀 왼쪽에는 국기 이미지를 보여주며, 국기 이미지 오른쪽에는 국가 이름을 보여준다.
- 테이블 뷰 셀의 액세서리 뷰를 통해 다음 화면으로 이동 가능함을 표시한다.
- 테이블 뷰 셀을 누르면 화면 2로 이동하며 데이터도 함께 전달된다.
화면 2(도시 목록)
- 내비게이션 아이템의 타이틀은 이전 화면에서 선택된 국가 이름이 설정된다.
- 내비게이션 Back 버튼은 이전 내비게이션 타이틀이다.
- 테이블 뷰 셀 왼쪽에 해당 날씨에 맞는 이미지(비/구름/해/눈)를 보여준다.
- 이미지 오른쪽에 도시명, 온도(섭씨/화씨), 강수확률을 보여준다.
- 도시명, 온도(섭씨/화씨), 강수확률은 동일한 높이를 가진다.
- 셀의 액세서리 뷰를 표시해 다음 화면으로 이동 가능함을 나타낸다.
- 내비게이션 이전 버튼을 누르면 이전 화면으로 되돌아가며, 테이블 뷰 셀을 선택하면 화면 3으로 전환된다.
화면 3(날씨 세부 정보)
- 내비게이션 아이템의 타이틀은 이전 화면에서 선택된 도시 이름이다.
- 화면 상단에는 날씨 이미지를 보여주고, 화면 하단에는 날씨 세부 정보를 문자열로 나타낸다.
마무리 잡담
오토 레이아웃 포함 꼼꼼히 확인하여 구현 시작해보겠습니다.
감사합니다!
아직은 초보 개발자입니다.
더 효율적인 코드 훈수 환영합니다!
공감과 댓글 부탁드립니다.
반응형