건축물 정보 조회 서비스 앱 만들기 도전 (2)

[1탄에 이어서] https://www.gpters.org/nocode/post/challenge-create-building-information-XzgEHf3XMAxQIXU

우여곡절 끝에 단독주택과 공동주택에 대한 정보조회 기능은 완료했습니다.

이제 지번을 입력하면 건물 정보를 잘 불러옵니다.

한국사이트 스크린샷

공동주택도 동과 호수를 입력해서 정보를 불러옵니다.

위치정보는 아쉬운대로 카카오맵을 적용했는데, 정보창이 너무 넓어서 어떻게 해야할지 고민입니다.

나이키 매장 위치를 ​​보여주는 한국 앱 스크린샷

PDF 저장기능도 적용이 안되네요.

pf ascension file samsung이라는 단어가 있는 빨간색 배경

클로드코드에는 계속 질문하는데 개선이 안됩니다.

아무래도 일단 앱 빌드해보고 다시 살펴봐야겠습니다.

[앱 빌드]

실행했는데 뭔가 무시무시한 빨간 글씨가 뜨네요.

빨간색 텍스트가 있는 검은색 화면

클로드코드에 붙여넣고 물어봤더니 답변해 줍니다.

● 이 에러는 dart:ui_web와 dart:html 라이브러리가 웹 전용이기 때문에 Android APK 빌드 시 사용할 수 없어서 발생했습니다.먼저 해당 파일을 확인하고 수정하겠습니다.

● Read(building_service_app\lib\features\building_details\presentation\widgets
\kakao_map_simple_widget.dart)

● 문제를 파악했습니다. 웹 전용 라이브러리(dart:ui_web, dart:html)가 파일 최상단에서 무조건 import되고 있어서 Android 빌드 시 에러가 발생합니다.
이를 해결하기 위해 조건부 import를 사용하여 파일을 분리하겠습니다:

그러고는 알아서 빌드를 해주네요. apk 파일이 만들어졌습니다.

Azure 빌드 서비스의 스크린샷

카톡으로 .ap 파일로 만들어서 전송한 후 다운받아서 설치했습니다.

앱 디버그 APK

기술 서비스 구축 - 스크린샷
대한항공 대한항공 대한항공 대한항공 대한항공 대한항공

공동주택도 조회 안되던 문제가 해결되서 잘 나옵니다.

지도가 웹버전이라서 앱에서 안뜨는 문제, pdf 저장기능이 아직 구현되지 않은 문제가 있습니다.

휴대폰에 있는 한국어 앱 스크린샷

하나씩 해결해 나가야겠죠. 그래도 일단 한 계단은 올라갔네요.

이제 진짜 클로드 맥스를 고민할 때인 듯...

현재 세션 설정의 스크린샷

[이어서]

며칠째 지도 넣는 걸 못하고 있습니다. 카카오맵 검색기능을 그냥 연결해서 쓰려고 했는데 검색창이 전부 막아버려서 안되겠어서 카카오 개발자센터 통해 맵API를 받아서 하려고 했습니다.

앱을 만들고, 추가기능 신청을 해서 오늘 발급 받았습니다. 그런데~

카카오맵은 추가기능 신청을 안해도 된답니다.

한국어와 중국어 텍스트가 포함된 페이지의 스크린샷

맵을 api를 통해 연결하려는데, 도대체 안됩니다. 앱 개발 경험이 없으니 왜 안되는지 조차도 모르겠습니다. Flutter는 또 왜 이리 run이 느린지..

이젠 맵이 아예 안 뜹니다.

결국 클로드코드에게 버럭 해버렸습니다.

앱을 쉽게 설명해 달라고했더니 이렇게 설명을 해줍니다.

한국어 애플리케이션 스크린샷

설명은 잘 해 준 것 같은데, 여전히 어떻게 해야할지는 모르겠습니다.

apk 파일 만들어서 앱에서 동작해도 마찬가지로 맵은 안 뜨네요.

결국 카카오맵은 포기하고 대안을 물어봤더니, 다른 대안을 제시합니다.

이미 사용 경험이 있는 Vworld 지도를 진행요청했습니다.

좀 안 이쁜 맵이지만 제대로 작동하긴 합니다. 카카오맵은 향후에 다시 도전해 봐야겠습니다.

이번주까지는 좀 정신없는 일이 있어서 띄엄띄엄 진행했는데, 다음주부터는 본격적으로 시작해 봐야겠습니다. Max 결제부터...

1
2개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요