본문 바로가기
728x90

CODE/Flutter23

[Flutter] 앱 배경화면 사진으로 채우기 앱 배경화면을 사진으로 채우기 배경화면을 흰 바탕이나 색으로 채우기에는 불편함이 없지만 앱 페이지마다 직접 디자인한 사진이 들어가야 한다면 Scaffold는 따로 지원해 주는 것이 없기 때문에 Container에서 설정을 해줘야 합니다 그래서 이번 포스팅은 배경화면을 사진으로 채우는 방법에 대해서 알아보겠습니다 Widget 설정 및 사용방법 방법은 매우 간단하지만 반복되는 코드이기에 코드를 따로 빼주는 작업만 해주면 편합니다 import 'package:flutter/material.dart'; Widget backgroundContainer( {required BuildContext context, required Widget child, required String imagePath}) { retur.. 2024. 1. 4.
[Flutter] 앱 캐시 관리하기 Shared_preferences 패키지 앱 캐시 관리를 왜 하나? 개발을 하다보면 주로 회원가입, 로그인이나 어플 설정같은 부분들을 매번 서버에 저장해서 가져오는것은 너무 많은 트래픽을 잡아먹기 때문에 캐시와 비슷한 이것을 사용해서 따로 관리해두면 사용자별로 관리가 편하다 그래서! 아주 간편하게 해주는 패키지인 shared_preferences 를 어떻게 사용하는지 알아보겠습니다 Shared_preferences 란? 💡 키 - 값으로 데이터를 저장이 가능합니다 디바이스 디스크에 데이터를 저장하는 기능을 제공합니다 📌 데이터가 지속된다는 보장이 없으니 중요한 데이터는 저장하는 것을 권장하지 않습니다 (예를 들어 앱을 삭제한다면 디스크의 데이터는 다 사라질 것입니다) 다음은 프로젝트에서 아래의 명령어로 패키지를 설치해줍니다 flutter pub.. 2024. 1. 3.
[Flutter] Kakao 개발자 사용하기 - 초기 설정 Flutter에서 카카오 기능 사용하기 카카오 기능을 구현하기 위해서는 카카오 개발자 페이지에서 설정을 몇 가지 해주어야 하는데 그 방법이 까다롭진 않으니 이번에 정리하기로 마음먹었습니다 그럼 카카오 개발 기능들을 사용하기 위한 설정은 어떤 것을 해야 하는지 알아보겠습니다 애플리케이션 추가하기 먼저 아래의 사이트로 들어가서 개발 계정으로 로그인을 해줍니다 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 다음에는 애플리케이션 추가하기를 클릭해 줍니다 그러면 앱 아이콘에는 사이즈에 맞는 앱 사진을 하나 올려주시고 앱 이름에는 하고 계시는 프로젝트 앱.. 2023. 12. 27.
[Flutter] Kakao key hash 등록하기 Flutter에서 Kakao key hash 사용해 보기 개발을 할 때 카카오 인증, 카카오 로그인, 카카오 네비, 카카오 지도 등.. 카카오와 관련된 기능을 사용하기 위해서는 kakao 키 해시를 등록해 주어야기능들의 API를 호출할 수 있는데 이번 포스팅으로 kakao 키 해시를 등록하는 방법에 대해 간략히 설명해 보겠습니다 💡 이번 포스팅에서는 카카오 개발자에서 애플리케이션을 등록하고 있는 상태라고 가정하겠습니다 키 해시 등록하기 애플리케이션 등록에서 API를 호출하기 위해서는 키 해시를 등록해주어야 하는데 디버그 키 해시와 릴리즈 키 해시로 나뉘게 됩니다 터미널에서 디버그 키 해시 등록하기 디버그 키 해시는 아래와 같이 Window 터미널에서 명령어를 입력해 줍니다 keytool -exportce.. 2023. 12. 27.
728x90
728x90

티스토리툴바