flutter/flutter 기타 등등
-
[flutter] webview 사용할 때 아이폰, 아이패드에서 alert 창 활성화 되지 않는 현상flutter/flutter 기타 등등 2023. 5. 26. 20:07
flutter_webview 를 이용해서 내부에서 사용중인 사이트를 불러왔는데 alert 이 활성화 되지 않는 현상이 나타났습니다. 안드로이드는 되는데 아이폰, 아이패드에서만 안되네요. webview 라이브러리에서 추가하는 방법은 찾지 못해서 iOS 에 추가하는 방법을 적용하였습니다. 1. flutter 프로젝트에서 iOS 코드를 Xcode 로 오픈 2. Pods > Development Pods > webview_flutter_kwwebview >...>C lasses > FWFUIDelegateHostApi.m 선택 3. FWFUIDelegateHostApi.m 파일 @implementation FWFUIDelegate 와 @end 사이에 내용을 추가해줍니다. 추가할 내용은 아래에 있습니다. < 기존..
-
[flutter] http 로 시작하는 URL android, iOS 에서 사용할 수 있도록 하기flutter/flutter 기타 등등 2023. 5. 25. 10:16
android, iOS 에서 기본적으로 https 는 허용되어있으나 http 는 추가적인 설정을 해줘야 사용할 수 있도록 되어있습니다. OS 별로 허용할 수 있도록 추가하는 방법을 확인해보겠습니다. 1. android 안드로이드 폴더에서 AndroidManifest.xml 로 이동합니다. AndroidManifest.xml 내용을 추가합니다. ... ... 아래 내용을 입력해줍니다. 안에 추가 , 안에 추가 android:usesCleartextTraffic="true" 안드로이드는 이렇게 추가해주면 http 로도 접근이 가능합니다. 2. iOS iOS 는 xcode 를 실행해줘야합니다. flutter 프로젝트에서 iOS 폴더 우클릭 -> Open iOS module in Xcode 를 클릭해줍니다. X..
-
[flutter] figma to code (피그마에서 플러터 코드 자동 생성하기)flutter/flutter 기타 등등 2023. 4. 7. 10:18
피그마로 UI 작업한 내용을 코드로 자동 생성하고 싶을 때는 figma plugin 을 사용해서 만들수 있습니다. 우선은 plugins 를 추가해줍니다. find 에서 figma to code 를 검색하면 아래와 같은 아이콘을 가진 항목이 보입니다. 저는 이미 추가를 했기 때문에 recents 항목에 나타나는데요. 처음 검색하시면 아래쪽으로 조금 스크롤 해야 보일수도 있습니다. 검색된 내용들 중 형태의 아이콘을 가진 figma to code 를 실행합니다. (동일한 이름을 가진 plugins 들이 있습니다.) 실행하면 추가가 됩니다. 이제 피그마에서 생성한 UI 코드를 생성해볼 수 있습니다. 생성하고싶은 부분 또는 프레임 전부를 선택 후 오른쪽 클릭합니다. plugins -> figma to code(H..
-
[flutter] vscode 에서 새폴더, 새파일 단축키 지정하기flutter/flutter 기타 등등 2023. 2. 15. 17:41
vscode 에서 flutter 연습을 하는데 새폴더, 새파일을 만들때마다 마우스를 사용해야 해서 단축키 지정은 어떻게 할 수 있을까 찾아보다가 직접 지정할 수 있는 방법이 있어서 기록을 남겨봅니다. 1. command pallet 를 열어줍니다. command pallet(Ctrl + shift + p ) -> Open Keyboard shortcut(JSON) 검색 Open Keyboard shortcut 와 Open Default Keyboard shortcut 이 검색 되는데 첫 번째 항목인 Open Keyboard shortcut 를 선택해줍니다. 2. keybindings.json 에 내용 추가 위에 처럼 기본 내용이 들어있는 경우에 {} 뒤에 콤마(,) 하나 넣어준 뒤에 아래 내용을 채워줍니..
-
[flutter] 플러터에서 package name, bundle id 찾기flutter/flutter 기타 등등 2023. 2. 13. 13:09
naver 지도를 이용해서 테스트해볼 일이 생겨 네이버 개발자 클라우드 플랫폼에 등록하려고 보니까 서비스 환경 등록을 해달라고합니다. application 에서 이용할 서비스 환경을 등록해달라면서 아래 이미지처럼 android 앱 패키지 이름과 ios bundle id 를 넣어달라네요. 각각의 정보는 아래의 경로에서 확인할 수 있습니다. IOS - ios/Runner.xcodeproj/project.pbxproj 파일 -> PRODUCT_BUNDLE_IDENTIFIER 속성에 들어있습니다. Android - app/src/main/AndroidManifest.xml -> manifest 태그안에 있습니다.
-
[flutter] vscode 에서 사용 편리성을 높이기 위한 기본 셋팅 2가지flutter/flutter 기타 등등 2023. 2. 7. 11:13
1. const 자동으로 붙여주기 vscode 로 flutter 작업하다보면 아래 이미지처럼 파란색 밑줄이 나타나는 경우가 있습니다. vscode 에서 좀 더 나은 코드를 위해 알려주는 경고인데요. const 를 붙여서 상수로 만들어 사용하라는 내용이 나오게 됩니다. 하나 두개일때는 const 를 붙여주는게 문제가 안되지만 100개 1000개 이런식으로 엄청나게 많아지면 하나하나 다 붙이는것도 엄청난 시간이 들겠죠. vscode 설정에서 알아서 const 를 붙여줄 수 있도록 할 수 있습니다. 설정 방법 1) vscode 좌측 하단에 보면 톱니바퀴 아이콘을 선택해서 명령 팔레트를 클릭해줍니다. 2)입력란에 settings 를 넣으면 관련 내용들이 나오는데 그중에 Open User Settings(JSON..
-
[flutter] mac 에서 flutter 명령어 실행되도록 환경 변수 설정하기flutter/flutter 기타 등등 2021. 1. 27. 20:17
flutter 처음 공부할 때 찾아보고 나중에 정리 해야지 하다가 그동안 까먹고 이제서야 기억나 기록으로 남겨봅니다. 일반적으로는 맥에서 flutter sdk 를 설치해도 커맨드로 flutter 명령어가 실행되지 않습니다. 아무곳에서나 flutter 명령어로 실행하고 싶다면 환경변수에 추가해주야 하는데요. 여러 자료들을 살펴봤는데 맥 OS 버전에 따라 실행 안되는 경우도 있기 때문에 플러터에서 제공하는 공식 홈을 따라하는것이 제일 정확합니다. flutter-ko.dev/docs/get-started/install/macos#update-your-path 맥OS에서 설치 flutter-ko.dev 경로는 위에 기입하였으며 해당 사이트로 접속해서 자신이 사용하는 macOS 버전에 맞춰서 따라하는것이 좋을것 ..