비동기란? 동기는 모든 코드가 순차적으로 진행되는 형태를 말한다. (원래 우리가 짠 코드가 진행되는 방식) 비동기는 반대로 코드가 동시다발적으로 실행되는 형태를 말한다. 비동기 프로그래밍 방식 비동기 프로그래밍 방식이 두 가지가 존재한다. 또한 이 두 가지는 용도가 정확하게 나누어져 있다. Future - async - await 응답을 한번만 돌려 받을 때 사용된다. 예를 들어, 서버에서 데이터를 한번 불러올 때 사용 Stream - async* - yield 지속적으로 응답을 돌려 받아야할 때 사용된다. 예를 들어 - 1초마다 어떤 데이터를 바꿔야할 때 사용 비동기 프로그래밍 예시 코드 및 결과 Future - async - await 예시 코드 void main() { Future waiting(..

오늘은 Lottie 파일을 이용해서 화면에 애니메이션을 추가하는 것을 구현해 볼거에요. 먼저 새로운 프로젝트를 만들고, 패키지를 다운로드 받아줘야겠죠? 패키지 다운로드 https://pub.dev/packages/lottie lottie | Flutter Package Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie player. pub.dev 패키지 적용방법을 모르시는 분들은 아래 패키지 다운로드 방법 게시물을 참고해주세요. [플러터 기초] 패키지 다운로드 하는 방법 [플러터 기초] 패키지 다운로드 하는 방법 오늘은 패키지 다운로드 하는 방법을 알려드리겠습니다..

오늘은 패키지 다운로드 하는 방법을 알려드리겠습니다. 먼저 패키지를 어디서 구경할 수 있는지, 패키지 설명서들이 나와 있는 곳을 알려드릴게요! 패키지가 모여있는 사이트 아래 패키지 사용설명서들이 모여있어요. 원하는 패키지를 검색해서 사용하시면 됩니다! https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs. pub.dev 패키지 다운로드 예시 (따라 해보기) 우선 새 프로젝트를 만들어주세요. 그리고 아래 예시 패키지를 사용해보겠습니다. https://pub..

오늘은 Dart언어에서 사용하는 타입을 알아볼게요. 우선 타입을 배우기 전에 변수가 무엇인지 확인해 볼까요? 변수란? 특정한 값을 담아두는 그릇이라고 생각하시면 편합니다. 변수를 선언할 때는 보통 선언과 동시에 타입을 정해 같이 선언하게 됩니다. 타입이란? 그렇다면 타입이란 뭘까요? 데이터의 유형을 말합니다. 이제부터는 Dart에 존재하는 다양한 타입을 알아보도록 하겠습니다. 기본형 타입 선언 방법 타입명 예시 데이터 String 문자열형 "안녕하세요." int 정수형 1115 double 실수형 3.14 null null형 null bool boolean형 (참/거짓형) true 자료형 자료형 타입 종류 List Set Map 확장형 확장형 타입 종류 Object Enum Future Stream 가..

안녕하세요. 오늘은 BottomNavigationBar를 커스텀하는 걸 배워보겠습니다. 플러터에는 BottomNavigationBar라는 클래스가 있습니다. 하지만 오늘은 기존 클래스를 사용하지 않고 Container와 TabBar를 이용해 직접 바텀바를 만들어보려고 합니다. 그렇다면, "왜 기존에 있는 클래스를 사용하지 않고 직접 BottomBar를 만들어야할까?" 라는 생각이 드실 수도 있습니다. BottomBar를 직접 TabBar로 구현하는 이유는 조금 더 다양하게 커스터마이징하기 위해서 직접 구현하는 겁니다. 나중에 외주를 받거나, 혹은 특별한 경우에는 BottomBar에 더 많은 기능과 디자인을 요구하는 경우가 있습니다. 그렇기 때문에 BottomBar를 직접 구현하는 방법도 알아야 합니다! ..

플러터는 구글에서 개발한 오픈 소스 크로스 플랫폼 모바일 애플리케이션 프레임워크입니다. 하나의 코드베이스로 안드로이드, iOS, 웹, 데스크톱, 임베디드 등 다양한 플랫폼에서 실행되는 앱을 개발할 수 있습니다. 플러터는 최근 몇 년 동안 빠르게 성장하고 있는 인기 있는 프레임워크입니다. 2023년 현재, 플러터를 사용하는 앱은 150만 개 이상으로 추산되고 있습니다. 앱 개발자가 플러터를 배워야 하는 이유는 다음과 같습니다. 생산성 향상 플러터는 생산성이 높은 프레임워크입니다. 하나의 코드베이스로 다양한 플랫폼에서 실행되는 앱을 개발할 수 있기 때문에, 개발자는 각 플랫폼에 맞는 별도의 코드를 작성할 필요가 없습니다. 또한, 플러터는 Hot Reload 기능을 지원하여, 코드를 변경할 때마다 앱을 다시 ..

오늘은 카카오톡 로그인을 구현하기 위한 준비를 해볼게요. kakao developers 회원가입 일단 kakao developers에 들어가서 회원가입 및 로그인 해주세요. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com kakao developers에서 앱 추가 '내 어플리케이션'에 들어가셔서 애플리케이션 추가하기를 눌러주세요! 그럼 위 그림처럼 앱 정보를 작성하는 화면이 나옵니다. 잘 작성하시고 저장을 누르시면 돼요! kakao developers 플랫폼 설정 우선, 플랫폼 설정을 해볼거에..

안녕하세요. 오늘은 SHA 키 해시를 확인을 해보겠습니다. 안드로이드 스튜디오에서 Android 폴더 열기 안드로이드 스튜디오에서 'android'폴더에서 아무 파일이나 들어가셔서 'Open for Editing in Android Studio'를 클릭하셔서 안드로이드 폴더를 따로 열어줍니다. gradle signingReport 찾기 안드로이드 폴더를 따로 열어서 오른쪽 상단에 있는 Gradle 버튼을 눌러줍니다. 그럼 두번째 사진과 같은 창이 뜨면 왼쪽 위에 코끼리 모양 버튼을 눌러주세요 그럼 검색창 같은게 하나 뜰텐데요. 검색창에 'gradle signingReport'를 작성하시고, 엔터키를 누르시면 SHA 키 해시가 뜰거에요! SHA 키 해시 확인하기 오늘은 키 해시 확인하는 방법을 알아봤습니다..