본문 바로가기
728x90

분류 전체보기46

[Flutter] 움직이는 이미지, 이모티콘 넣어보기 (lottie 사용) 움직이는 그림!! Lottie는?? 버튼이나 어떤 이벤트가 발생했을 때 움직이지 않는 아이콘만 썼다면! 이번 포스팅을 잘 보시면 좋습니다 움직이는 그림을 사용할 수 있는 JSON 기반의 오픈소스 라이브러리인데요 그리고 장점 중에 하나는 해상도에 구애를 받지 않아 모바일에 아주 찰떡이라는 점입니다 그렇다면 Lottie 사용방법에 대해서 한번 알아보겠습니다 Lottie 사이트에서 파일 가져오기 먼저 lottie 사이트로 들어가서 원하시는 그림을 가져오면 되는데요 간단한 회원가입 후에 사용하시면 됩니다 https://app.lottiefiles.com/ app.lottiefiles.com 다음은 Product에서 Free Animations을 클릭하시면 움직이는 그림이 딱! 나올 것입니다 여기에서는 pro 버.. 2024. 1. 8.
[Python] Postgresql 연동하기 (psycopg2 이용) Postgresql을 psycopg2를 사용해 연동하기 supabase를 사용하다 보니 기존에서 사용하던 서버에서 supabase의 postgresql과 연동할 일이 생겨서 기회가 생긴 김에 포스팅을 하려고 합니다 이번 포스팅은 선행사항으로 python으로 FAST API로 서버를 생성한 상태입니다 database.py 설정 pip install psycopg2 명령어를 사용하여 패키지를 설치해 줍니다 파일에 DB를 연결하고 사용하기 위한 초기 설정을 해줍니다 ✍ postgres_url = postgresql의 URL을 받는 부분 ✍ postgres_db_name = DB의 이름을 받는 부분 그러나두 개의 정보는 다른 사람들에게 보이면 보안에 문제가 되는 코드이기에 ENV(환경변수)로 저장을 해줍니다 💡.. 2024. 1. 4.
[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.
728x90
728x90

티스토리툴바