daino_saur
article thumbnail
아무거나 개발자
Start-up 2023. 5. 17. 14:15

개발자의 종류는 여러 가지가 있다. 웹 개발자,앱 개발자, 프런트엔드 개발자, 백엔드 개발자.. 이중 프론트엔드와 백엔드를 동시에 하는 개발자를 주로 풀스택 개발자라고 한다. 풀스택 개발자는 개발자의 유니콘이라고 불릴만큼 많이 없고 되기도 어렵다. 웹 제작 근데 내가 속한 팀에는 앱 개발도 필요하고 웹 개발도 필요했다. 자연스럽게 개발 쪽을 담당하고 있지만 HTML/CSS도 자세히 모르는 나는 웹 제작을 맡게 되었다. 처음에는 노코딩 툴인 "아임웹을 사용했다." 아임웹을 사용해 본적이 없었지만 생각보다 쉬운 조작과 단순한 UI로 이틀 정도만에 꽤? 그럴싸한 랜딩 페이지를 제작했다. 그러나 아임웹은 서버가 매우 불안정했고 레이아웃 설정에 한계가 있어 매우 불편함을 느꼈고 자율성이 높은 노코드 툴을 활용 해..

article thumbnail
플러터[Flutter] 네이버지도[Navermap] 마커 생성 & 위젯 사용(2023ver)
프로그래밍/Flutter 2023. 5. 17. 10:45

이전 포스팅 - 네이버 지도 생성 플러터[Flutter] 네이버지도[Navermap] 생성 (2023ver) 플러터에서 네이버지도를 생성하는 것은 쉽지 않다. 나도 네이버지도를 생성하려고 하다가 포기했지만 구글링 하던 중 때마침 한국의 어떤 개발자분이 네이버지도 라이브러리를 만들어줘서 설 daino.tistory.com 이전 글에 이어 네이버맵에서 마커를 생성하고 마커 클릭 시 정보창이 생성되게 해 보겠습니다. 이 글은 android기준 flutter_naver_map^1.0.1 버전을 사용했습니다. 위젯 알기 NaverMap의 여러 위젯 중 onMapReady란 위젯에 있습니다. 간단하게 설명하면 지도생성과 함께 실행되었으면 할 코드를 지정할 수 있습니다. 보통 마커는 지도와 함께 생성됨으로 onMap..

article thumbnail
플러터[Flutter] 네이버지도[Navermap] 생성 (2023ver)
프로그래밍/Flutter 2023. 5. 14. 21:21

플러터에서 네이버지도를 생성하는 것은 쉽지 않다. 나도 네이버지도를 생성하려고 하다가 포기했지만 구글링 하던 중 때마침 한국의 어떤 개발자분이 네이버지도 라이브러리를 만들어줘서 설명해 보려고 한다. 이 글은 android 기준 flutter_naver_map" ^1.0.1 버전을 사용했습니다. 라이브러리 추가 네이버 지도 라이브러리를 추가한다. flutter pub add flutter_naver_map android 구성 안드로이드에서 화면 잠금시 지도가 생기는 이슈 때문에 코드를 추가한다. android/app/src/main/kotlin/.../MainActivity.kt import android.os.Bundle import io.flutter.embedding.android.FlutterAct..

article thumbnail
플러터 [Flutter] 구글맵 [Googlemap] - json 데이터로 마커 생성(2023ver)
프로그래밍/Flutter 2023. 5. 11. 00:09

http로 전 세계 구글지사 json 파일을 받아 구글맵에 마커를 생성해 보겠습니다. 패키지 추가 HTTP 요청을 위해 http 패키지 추가 flutter pub add http json으로 받아온 데이터를 직렬화해주는 패키지를 추가 flutter pub add json_serializable flutter pub add --dev build_runner json 파싱 구글지사 json 파일은 일반적인 구조를 가지고 있습니다. 데이터를 코드에서 사용할 수 있는 객체로 직렬화해야 합니다. 아래의 위치에 json lib/src/locations.dart import 'dart:convert'; import 'package:http/http.dart' as http; import 'package:json_an..

article thumbnail
플러터[Flutter] 오류 - flutter.gradle
프로그래밍/Flutter 2023. 5. 10. 08:40

고생 끝 수확 플러터를 사용하다보면 아래와 같은 매우 매우 당황스런운 오류에 접하는 경우가 있다. 필자는 이 오류를 잡으려고 몇시간동안 별 짓을 다해봤는데 가장 간단한 방법을 찾아 공유드리려고 한다. 그것은 바로 ... 컴퓨터를 껐다 키는것이다. flutter가 업데이트 되면서 원래의 컴퓨터 체제와 fit이 맞지 않아 생기는 오류로 재부팅을 하게 된다면 알아서 오류가 해결된다. 정말 단순한 이 오류 해결 방법을 나는 몇시간이나 잡고 있었다. 여러분들은 이 글을 보고 시간을 아꼈으면 좋겠다.

article thumbnail
플러터 [Flutter] 구글맵 [Googlemap] - 생성(2023 ver)
프로그래밍/Flutter 2023. 5. 7. 22:46

flutter로 구글맵을 생성하고 싶을 때 어떻게 하는지 알아보겠습니다. 이 글은 android 기준 google_maps_flutter: ^2.2.6 버전을 사용했습니다 라이브러리 추가 구글맵 사용 시 필요한 라이브러리를 추가합니다. flutter pub add google_maps_flutter android 구성 Android에서 Google Maps SDK를 사용하려면 minSDK를 20으로 설정한다. android/app/build.gradle defaultConfig { // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). applicationI..