오늘은 앱을 처음 시작했을 때 보이는 splash 화면을 쉽게 설정하는 법을 알아보겠습니다. 패키지 다운 splash 화면을 쉽게 적용시켜주는 flutter_native_splash 패키지를 다운한다. flutter pub add flutter_native_splash flutter_native_splash | Flutter Package Customize Flutter's default white native splash screen with background color and splash image. Supports dark mode, full screen, and more. pub.dev 이미지 준비 기본 이미지 사이즈 : 768 x 768 android12 이미지 사이즈 : 1152x1152..
오늘은 keytool오류가 생길 때 SHA-1 인증서를 쉽게 얻는 법을 알아보겠다. 오류 배경 SHA-1 인증서 지문은 Google Cloud 클라인언트 ID가 만들 때 필요하다. 근데 설명에 나온 명령어를 입력 시 keytool 오류가 뜰 수가 있다. 이유는 최초 실행 시 keytool 기본 설정이 안 되어서 그렇다. 기본 설정을 해도 되지만 더 쉽게 SHA-1 인증서를 얻어보겠다. 터미널 입력 터미널을 열어준 뒤 밑에 명령어를 입력해 주면 된다. keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android 실행화면
오늘은 Stack 위젯 사용법을 알아보겠다. Stack 사용 이유기본적으로 Flutter의 위젯들은 한층 한층 쌓이는 형태이다. 그러면 위젯들을 겹치고 싶으면 어떻게 할까? 그때 Stack 위젯을 사용하면 된다. Stack 사용법위에 코드에서 column을 stack으로 바꿔보자 그러면 Container 위젯들이 이렇게 겹쳐지게 된다. 여기서 알 수 있는것은 코드 순서대로 위젯이 쌓인다는 것이다. PositionedStack에서 위젯들의 위치를 설정할 때는 positioned를 사용한다. positioned 사용법은 위치를 설정하고 싶은 위젯에 positioned 위젯을 감싸면 된다. positioned을 상, 하, 좌, 우, 높이, 너비를 설정할 수 있는데, 높이, 너비는 여러분이 생각하는 높이, 너비..
오늘은 csv, json 파일 등을 파이어베이스에 쉽게 저장하는 법을 배워보겠다. Firebase Firebase 저장소는 두가지가 있다. 하나는 Realtime DB이고 다른 하나는 Firestore DB이다. 그 둘의 차이점은 이 글에서 자세히 정리해 주어서 참고하면 좋을 것 같다. Firebase Realtime, Cloud Firestore [의미, 공통점, 차이점, 앱 기능에 따라 데이터베이스 추천] 우선 Firebase에 대해 먼저 알아보자! Firebase란 구글이 소유하고 있는 모바일 애플리케이션 개발 플랫폼이다. 앱을 개발하고 개선할 수 있는 도구 모음을 제공한다. 사실 처음에 Firebase는 단순히 데 iamthejiheee.tistory.com 그럼 Realtime DB에서의 파일 ..
개발자의 종류는 여러 가지가 있다. 웹 개발자,앱 개발자, 프런트엔드 개발자, 백엔드 개발자.. 이중 프론트엔드와 백엔드를 동시에 하는 개발자를 주로 풀스택 개발자라고 한다. 풀스택 개발자는 개발자의 유니콘이라고 불릴만큼 많이 없고 되기도 어렵다. 웹 제작 근데 내가 속한 팀에는 앱 개발도 필요하고 웹 개발도 필요했다. 자연스럽게 개발 쪽을 담당하고 있지만 HTML/CSS도 자세히 모르는 나는 웹 제작을 맡게 되었다. 처음에는 노코딩 툴인 "아임웹을 사용했다." 아임웹을 사용해 본적이 없었지만 생각보다 쉬운 조작과 단순한 UI로 이틀 정도만에 꽤? 그럴싸한 랜딩 페이지를 제작했다. 그러나 아임웹은 서버가 매우 불안정했고 레이아웃 설정에 한계가 있어 매우 불편함을 느꼈고 자율성이 높은 노코드 툴을 활용 해..
이전 포스팅 - 네이버 지도 생성 플러터[Flutter] 네이버지도[Navermap] 생성 (2023ver) 플러터에서 네이버지도를 생성하는 것은 쉽지 않다. 나도 네이버지도를 생성하려고 하다가 포기했지만 구글링 하던 중 때마침 한국의 어떤 개발자분이 네이버지도 라이브러리를 만들어줘서 설 daino.tistory.com 이전 글에 이어 네이버맵에서 마커를 생성하고 마커 클릭 시 정보창이 생성되게 해 보겠습니다. 이 글은 android기준 flutter_naver_map^1.0.1 버전을 사용했습니다. 위젯 알기 NaverMap의 여러 위젯 중 onMapReady란 위젯에 있습니다. 간단하게 설명하면 지도생성과 함께 실행되었으면 할 코드를 지정할 수 있습니다. 보통 마커는 지도와 함께 생성됨으로 onMap..