말랑말랑제리스타일

플러터에서 Cannot fit requested classes in a single dex file 에러는 안드로이드 앱을 빌드할 때 발생하는 에러로 현재 프로젝트가 single dex로 세팅되어 있지만 single dex로는 빌드가 불가능하다는 뜻으로 이해가 됩니다. 굉장히 복잡한 소리를 늘어놨지만 별거 아닙니다. 일단 Cannot fit requested classes in a single dex file 에러는 해결방법이 간단하니 해결 방법부터 보고 원인을 알아봅시다. Cannot fit requested classes in a single dex file 에러 해결 방법 일단 가장 간단한 Cannot fit requested classes in a single dex file 에러 해결 방법을 알..

VS Code에서 발생할 수 있는 Failed to launch Pixel 4 API 30: Error: Emulator didn't connect within 60 seconds 에러 즉, 에뮬레이터가 정상적으로 실행되었고 화면에 보이고 있지만 VS Code가 AVD에 붙지 못하는 에러가 발생했고, 일단 해결은 됐습니다. 계속 잘 되던 AVD 연결이 어느 순간 안 되고 Emulator didn't connect 에러 발생 계속 잘 쓰고 있던 AVD를 실행하고 앱 디버깅을 해보려고 하는데 어느 순간 Failed to launch Pixel 4 API 30: Error: Emulator didn't connect within 60 seconds 에러가 발생했습니다. 이번이 처음은 아니고 전에도 여러 번 발..

플러터 앱이나 웹 개발할 때 파이어베이스를 백엔드로 사용하는 경우가 많은데 막상 세팅하려면 잘 안 되는 경우가 또 많죠. 플러터 신규 프로젝트에 파이어베이스 신규 프로젝트 연동하는 방법 알려드립니다. 파이어베이스 프로젝트 세팅 먼저 파이어베이스 콘솔 화면에서 새로운 프로젝트를 하나 생성해 줬습니다. 이름은 대충 아무렇게나 입력했는데 필요에 따라서 알아보기 좋게 입력하셔도 됩니다. 들어가면 좌측에 빌드라는 메뉴가 보이죠? 기본적으로 Athentication 하나만 일단 선택해봅시다. Athentication으로 들어가면 시작하기라는 버튼이 보일 텐데요. 눌러줍니다. 자 시작하기를 누르면 이제 로그인 방법을 선택할 수 있습니다. 이것도 지금 당장 사용할 건 아니고 나중에 추가가 가능하니 일단 구글만 하나 선..

플러터에서 이미지를 소스에 추가해서 사용하는 방법입니다. 플러터 이미지를 소스에 추가해서 사용하기 먼저 프로젝트 폴더 밑에 images 폴더를 추가해 줍니다. 물론 이름은 어떻든 상관없지만 플러터에서 추천하는 이름으로 사용해 봅시다. 이제 생성된 images 폴더 밑에 이미지를 추가해 줍니다. jpeg든 png든 상관없습니다. GIF도 사용해보지는 않았지만 될 것으로 생각됩니다. 다음으로 pubspec.yaml 파일을 수정해 줄 겁니다. 파일을 열어서 내리다 보면 assets라고 주석 처리된 부분이 있을 겁니다. 해당 부분의 주석을 풀어주고 상단의 uses-material-design: true와 들여 쓰기를 맞춰줍니다. 여기서 들여쓰기를 실수하면 에러가 납니다. 다음으로 assets 밑에 - image..

VS Code에서 플러터 코딩을 하다 보면 간간히 발생하는 에러 중 하나가 바로 6315 에러코드와 함께 보이는 Could not prepare isolate 에러 문구죠. 이런 경우 해결 방법은 생각보다 상당히 간단합니다. 플러터 6315 Could not prepare isolate 에러가 나는 이유 이 에러가 발생하는 이유는 VS Code에서 메인 화면에 main.dart 파일이 아닌 다른 파일이 나와있는 경우인데요. main.dart 파일을 열어서 다시 디버그 버튼을 눌러주면 상당히 간단히 해결이 가능합니다.

배경을 제거하는 유명한 사이트로 remove.bg 사이트가 있죠. 심지어 remove.bg에서는 API도 제공해 주기 때문에 무료로 배경을 제거하는 API로 Remove.bg API를 사용해 보려는 초보 개발자들이 있을 수 있는데요. 저 역시 그런 케이스였는데 에러가 발생했고 주의할 점을 뒤늦게 알았네요. Remove.bg API 사용 시 발생한 에러 Remove.bg 사이트에서 API 키를 발급받고 앱이나 프로그램에서 처음 실행해보면 상당히 쉽게 됩니다. 물론 플러터 웹을 사용하는 경우는 저도 아무리 노력해도 안돼서 포기했지만, 플러터에서도 쉽게 사용 가능하고, 파이썬이나 루비, 닷넷 등 다양한 언어의 샘플까지 제공해 주죠. 이후에 시간이 되면 플러터 앱에서 remove.bg 사용하는 방법을 업로드해볼..

플러터 개발을 하다 보면 어떤 아이콘을 찾고 싶은데 텍스트 자동완성만으로는 찾기 힘든 경우가 있죠. 저 같은 경우는 아기 모양의 아이콘을 찾고 싶은데 baby라고 쳐도 안 나오고 kid, boy, girl 다 확인해 봐도 안 나와서 전체 플러터 아이콘 종류를 찾아봤습니다. 플러터 아이콘 종류 전체 볼 수 있는 사이트 결국 플러터 공식 개발 사이트에서 플러터 전체 아이콘 종류를 볼 수 있는 사이트를 찾았습니다. 우선 기본적으로 플러터에서 사용 가능한 전체 아이콘을 조회할 수 있는 사이트는 아래 링크로 들어가시면 됩니다. FlutterIcon - Flutter custom icons generator This site will not work if cookies are completely disabled. ..

플러터의 최대 강점 중 하나가 바로 안드로이드, IOS 뿐만 아니라 크롬에서 실행할 수 있는 웹까지 하나의 코드로 한 번에 만들 수 있다는 멀티 플랫폼 언어라는 점인데요. 한 번에 만들 수 있다는 장점이 있지만 가끔은 지금 프로그램을 구동하고 있는 플랫폼이 안드로인지, IOS인지 아니면 웹인지 구분할 필요가 있습니다. 물론 플랫폼 별로 소스를 약간씩 수정해서 따로 배포를 해도 되긴 하지만 그렇게 하지 않아도 된다는 것도 플러터의 장점이라고 생각되는데요. 플랫폼 간의 소스 변경 없이 플러터 소스 내에서 현재 실행 중인 플랫폼이 웹인지 여부와 아닌 경우 안드로인지 아니면 IOS인지 확인하는 방법이 생각보다 간단하기 때문이죠. 플러터 실행중인 플랫폼이 웹인지 여부 확인하는 방법 일단 웹에서 구동중인지구동 중인..