#13_국가별 수도 찾기 앱 만들기(File 연동)

★ 만들고자 하는 앱

- File과 TinyDB를 이용하여 국가별 수도를 찾는 앱

 

 

 

★ 동작(2가지)

1. "전체 리스트 보여주기" 리스트피커를 누르면 전체 데이터가 리스트에 보이고 여기에서 한 국가를 선택하면 국가명, 수도명, 대륙명이 표시됨

2. 국가명을 입력하고 "국가명으로 검색하기" 버튼을 클릭하면 그 국가에 해당하는 데이터를 표시함

 

 

 

 

★ Csv 파일

-> 위와 같은 포맷으로 정리하여 파일을 만듦

-> CSV(Comma Separated Values) 포맷으로 저장

-> 메모장에서는 UTF-8 포맷으로 저장(한글형식)

-> TinyDB 저장 형태

 

 

 

★ 디자인

1. Screen1 설정

 

2. Image 업로드하기

 

3. Label1

 

4. ListPicker1

 

5. Label * 2개 (경계선 만들기)

 

6. 국가명 / 수도 / 대륙 입력하는 부분 만들기

- 경계선 사이에 위치

 

 

7. Button1

 

 

8. 눈에 보이지 않는 컴포넌트

 

 

 

ㅇ 완성된 디자인

 

 

 

 

 

 

★ 코딩하기

 

1. 시작하면서 File가져오는 코드

(저장된 파일 : "//"사용)

 

 

 

2. File에서 값 읽어오기

- 읽어온 값을 리스트로 만들어 변수에 넣는 코드

- ListPicker의 요소를 cocaco로 바꿔주는 코드

- TinyDB에 넣는 과정 -> 함수로 만들기

 

 

 

3. 전체리스트 보여주기(ListPicker선택)

- 나라이름 가져오기 : ListPicker의 요소에서 선택된 인덱스에서 첫번째 요소를 가져온다

- 수도 가져오기 : ListPicker의 요소에서 선택된 인덱스에서 두번째 요소를 가져온다

- 대륙 가져오기 : ListPicker의 요소에서 선택된 인덱스에서 세번째 요소를 가져온다

 

 

 

 

4. 검색버튼 클릭하는 코드

- TextBox에 공백이 아닌지 확인하고 아니면 진행하도록 하는 과정

 

 

 

전체 코드

 

 

 

 

 

 

★ 완성된 모습