Devlog

일전 공공데이터 포털에서 불러온 API를 Flutter에서 parsing 해보고자 합니다. 공공데이터 포털에서 API 사용하기 공공데이터포털에서 의약품개요정보(e약은요) API 활용하기 공공데이터포털 소개 공공데이터포털은 각 공공기관에서 수집한 공공데이터를 공개하여 개인이나 기업이 사용할 수 있도록 만든 페이지입니다. 공공데이터포털은 공공기관이 생성 또는 취득 today-devlog.tistory.com flutter 내에서 api를 호출하기 위해서는 우선 http 통신이 가능해야 합니다. 상단에 http 플러그인을 import 시켜줍니다. import 'package:http/http.dart'; async인 main 함수를 하나 선언하여 JSON 데이터를 받아오도록 합니다. void main() as..

앱 구동 확인이 완료된 다음 앞으로 개발할 앱에 맞춰서 Splash 이미지를 생성/변경/제거하도록 하겠습니다. flutter_native_splash 플러그인 설치 및 설정 Flutter 플러그인 중에 flutter_native_splash라는 플러그인이 있습니다. https://pub.dev/packages/flutter_native_splash 이 플러그인은 splash 이미지를 쉽고 빠르게 만들어주는 플러그인으로 만약 사용하고 있지 않다면 사용하는 것을 권장드립니다. 사용법은 굉장히 쉽습니다. 우선 플러그인을 설치합니다. flutter pub add flutter_native_splash --dev 설치 후 pubspec.yaml 파일 맨 아래에 아래와 같이 작성을 해줍니다. flutter_nati..

Flutter 설정이 완료되었다면 기존 앱을 하나 실행시켜도록 하겠습니다. 새로 프로젝트를 구성해서 실행하는 것도 좋지만, 이미 만들어져 있는 것을 실행시켜 발생하는 오류들을 해결해보도록 하겠습니다. 제가 사용한 프로젝트는 아래 프로젝트는 구글링 중 무료로 찾은 airbnb_redesign_ui를 사용하도록 하겠습니다. https://github.com/olayemii/flutter-ui-kits/tree/main/airbnb_redesign_ui GitHub - olayemii/flutter-ui-kits: Free Flutter UI Kits developed by Olayemi Garuba Free Flutter UI Kits developed by Olayemi Garuba. Contribute ..

오늘은 맥북 Apple Silicon M1에 Flutter 개발 환경 구축해보도록 하겠습니다. 우선 Visual Studio Code의 마켓플레이스에서 Flutter를 검색하여 설치합니다. Flutter 공식 홈페이지에 방문하여 Flutter SDK를 다운로드 받습니다. 다운로드 후 위 글의 설명처럼 압축을 풀고 환경 변수 설정까지 완료합니다. M1의 경우 추가적으로 Flutter 2.5 이상 부터는 로제타 설정을 추가적으로 해주어야 합니다. 여기까지 설정이 완료되었으면 Android Studio를 설치합니다. Android Studio 설치 후 SDK 도 설정해줍니다. Android 설치가 완료되면 App Store 에서 Xcode 를 다운로드한 뒤 flutter doctor 명령어를 통해 정상적으로 ..