본문 바로가기

flutter

Flutter와 iOS 그리고 extension 간에 데이터를 공유 후기 안녕하세요. 블루스웨터소프트 입니다. Flutter를 사용해보니 편리함과 동시에 앱의 복잡도가 증가했습니다. 개발 툴사용만 봐도 그렇습니다. 저는 vscode를 이용해서 flutter 코드를 작성합니다. 안드로이드는 android studio, ios 는 xcode 에서 따로 작업합니다. 때문에 리소스도 상당히 많이 잡아먹는 작업입니다. 그럼에도 Flutter의 많은 장점들 때문에 최근 가장 트랜디한 개발 언어가 되었겠죠. 개발을 하며 필수적으로 native 소스단에 접근하게 되는데요. 이럴때마다 선택지가 많다보니 어디에 핵심 로직을 둘것인가?하는 문제가 생기게 됩니다. 오늘은 개발시 있었던 일화와 간단한 값을 (읽기, 쓰기) 테스트 해보면서 좀더 이야기 해보겠습니다. 우선 제 상황을 공유하자면... F.. 더보기
Flutter 를 통한 앱개발 후기 이게 맞아?... Flutter 를 사용하여 앱 개발 한다는건... *플루터 플러터 등의 한글 표기가 상이하여 이하 영문 Flutter 로 통일하겠습니다. 안녕하세요. 블루스웨터소프트 입니다. 오늘은 앱 개발시장의 화두인 Flutter 를 이용한 앱개발에 대해서 알아보겠습니다. 실제 프로젝트를 진행하며 느낀점과 정말 flutter를 이용한 앱개발이 쉬운것인지? 그저 트랜디한 껍데기에 불과한지? 이야기 해보겠습니다. 최근 시장에서 Flutter 로 개발한 앱들이 심심치 않게 보이고 있습니다. 기업에서도 앞다투어 트랜디한 방식의 개발을 쫒고 있습니다. Flutter는 크로스 플랫폼 개발 프레임워크 입니다. 한마디로 이야기 하자면 Flutter를 사용한 단한번의 코딩으로 ios, android, web, macox, windo.. 더보기
ios 네이티브 앱에 flutter 사용하기 소개 안녕하세요. 김과자 입니다. 이전에 소개 해드린 안드로이드 flutter 모듈 사용에 관하여 참고 하시고 ios 도 오늘 소개 해드리는 방법으로 테스트 해보시기 바랍니다. 본문 안드로이드와 마찬가지로 모듈을 만들어줍니다. 방법은 아래에 ↓↓↓ 2023.07.01 - [개발 코딩 정보 공유/플루터 Flutter] - 안드로이드 네이티브앱에 flutter 소스 사용하기 module과 네이티브 소스는 아래와 같이 셋팅합니다. (제 기준) [최상위폴더] -> [module] -> [native project] 우선 기존의 소스에 pod을 셋팅해야 합니다. pod 셋팅이 되어있다는 가정하에… pod파일에 아래의 코드를 추가합니다. platform :ios, '14.0' # 이부분 추가 #flutter_app.. 더보기
안드로이드 네이티브앱에 flutter 소스 사용하기 소개 안녕하세요. 김과자 입니다. 모든 앱을 flutter 로 만들수 없습니다. 기존의 앱을 전부 뜯어 고치는것은 결코 좋은 솔루션이 아닙니다. 아래의 방법을 통해 기존의 앱에 플루터 앱을 추가해보세요. 시작 이 방법은 기존의 네이티브 소스에 flutter 공통화 화면이나 코드를 추가하는 방법입니다. 안드로이드 네이티브소스 IOS 네이티브 소스 -> 플루터 화면 / 소스 추가 Module 작업 기존의 안드로이드 스튜디오 에서 작업하셔도 되지만 저는 cmd 로 생성해주겠습니다. 만들고자 하는 폴더로 이동후 > flutter create -t module --org com.example flutter_module_test 생성된 flutter module 을 오픈하시고 gradle 설정파일에서 자바 버전을 .. 더보기
Flutter 설치및 환경 셋팅 후 무지성 첫 실행 소개 안녕하세요. 김과자 입니다. 어렵게 어렵게 Flutter 설치를 완료하였습니다. 지난 시간에는 오류까지 잡고 환경셋팅을 완료하였습니다. ↓↓↓ 2023.06.15 - [개발 코딩 정보 공유/플루터 Flutter] - 앱개발 공룡 Flutter 설치진행 환경셋팅 방법 이번시간을 통해서 '일단 무지성 실행' 목표에 도달하게됩니다. 실행하기 일단 무지성 실행을 위해 아래의 세 가지 방법을 이용하겠습니다. 터미널 안드로이드 스튜디오 VS Code 터미널 맥 기준으로 터미널을 열어줍니다. 아래의 커맨드를 입력하겠습니다. >flutter create my_app >cd my_app 테스트 앱인 my_app 프로젝트를 생성해주고 해당폴더로 이동하겠습니다. 그리고 나서 실행할 devices 가 있어야 하겠죠? 저.. 더보기
앱개발 공룡 Flutter 설치진행 환경셋팅 방법 소개 안녕하세요. 김과자 입니다. 지난 시간에 이어서 flutter 설치 진행시 환경셋팅 방법을 알아보겠습니다. terminal 을 이용한 설치 방법이 다소 난해하고 어려울수 있으나 해보면 오히려 직관적이고 편리하다고 느끼실 겁니다. 설치를 해보시면 몇가지 문제가 발생할수 있는데, 문제가 되는 부분을 해결해 보겠습니다. 설치 및 초기 셋팅 오류 해결 언제나 그렇듯.. 개발에서 한번에 되는게 없습니다. 이런 상황을 수시로 격다 보니 한번은 일부러 이렇게 만드나... 생각이 들기도 하였습니다. 설치 방법은 여기를 참고 하시면 됩니다. ↓↓↓ 2023.03.05 - [개발 코딩 정보 공유/플루터 Flutter] - Flutter 플러터 처음 설치 부터 다시 시작하자 저는 설치 해둔 Flutter를 다시 찾아서.. 더보기
Flutter 플러터 처음 설치 부터 다시 시작하자 소개 안녕하세요.과공입니다. 새롭게 코딩관련 글을 올리려고 계획중입니다. 하나의 코드 베이스로 멀티 플랫폼개발이 가능하다? 오늘은 구글에서 내세우고 있는 플러터, 설치 부터 시작해 보겠습니다. 설치가 일반 설치 처럼 몇번 하면 되는게 아니라서 다소 집중력을 발휘 해야 합니다. 특히 터미널 등 커맨드 라인 도구 사용이 익숙치 않은 분들은 조금 어려울수도 있겠습니다. 제가 작성한 이전글 도 참고 되시기 바랍니다. 2020.06.14 - [개발 코딩 정보 공유/플루터 Flutter] - flutter (플러터) 배우기 - 개념과 기초구현 Flutter 는 구글에서 2017년 출시한 오픈 소스 크로스 플랫폼으로써 하나의 코딩으로 여러개 플랫폼에 배포가 가능합니다. 말은 간단하지만 실제 사용해보면 여러가지 복잡한.. 더보기
flutter (플러터) 배우기 - 개념과 기초구현 안녕하세요. 김과자입니다. 최근 핫한 개발 프레임워크 이죠. 플러터(플루터) 를 알아봅시다. 플러터는 구글이 개발한 오픈 소스 모바일 애플리케이션 개발 프레임워크 입니다. 안드로이드, iOS용 애플리케이션 개발을 위해 세상에 나오게되었습니다. 사실 전에도 크로스플랫폼 개발을 위한 프레임워크들이 있었죠. 예를 들어 phonegap, cordova, ionic, react native...등등 이들의 목표 자체는 아마도 이것이겠죠? 한가지 방법 한번의 구현으로 여러가지 플랫폼을 일타쌍피!!신공 아... 생각만해도 너무 좋지만. 그에따른 이슈도 너무 많습니다. 그럼 어찌어찌 개발을 했다고 해서 native 를 몰라도 되는가? 그것도 아니란 말이죠. 결국엔 네이티브 작업을 좀 해줘야하죠. 정도의 차이일뿐. 어찌.. 더보기