분류 전체보기
-
Firebase 연동(Android)Mobile/Flutter 2022. 4. 19. 20:36
Firebase를 Flutter에 연동하기 위해서는 Firebase 프로젝트를 생성해야 한다. https://console.firebase.google.com/?hl=ko 로그인 - Google 계정 하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인 accounts.google.com 위 FirebaseConsole로 접속하여 프로젝트 추가 버튼을 눌러준다. 프로젝트 명은 원하는 이름으로 설정한다. 애널리스틱이 필요하다면 설정을 하면 된다. 설정이 완료되면 Firebase를 사용할 수 있다. 이제 Flutter와 연동해보자. 톱니바퀴 버튼을 클릭하여 프로젝트 설정을 누른다. 들어가게 되면 위와 같은 화면이 나타난다. 해당 화면에서 제일 아래로 내리게 되면 위 이미지처럼 플랫폼을 추가..
-
Flutter - Properties not foundError 2022. 4. 17. 19:14
해당 에러는 SDK를 지정하지 않아서 생기는 문제이다. 따라서 SDK를 지정하면 해결된다. 예시는 IntelliJ를 이용한 예시이다. SDK를 원하는 것으로 변경하여 준다. 만약 GradleException부분에도 에러 표시가 나타난다면 아래와 같이 new부분을 제거하면 에러가 사라진다. if (flutterRoot == null) { throw GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.") }
-
Channel을 이용한 변수 전달(Kotlin - flutter) - flutter_inappwebview 사용Mobile/Flutter 2022. 4. 17. 19:03
자바스크립트로부터 코틀린 코드까지 채널을 생성하여 변수를 전달하고 결괏값을 리턴 받을 것이다. 일단 webview코드를 작성해야 한다. class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( body: InAppWebView( initialUrlRequest: URLRequest(url: Uri.parse("http://10.0.2.2:3000/")), onWebViewCreated: (controller) { controller.addJavaScriptHandler(handlerName: 'Sample', callback: (args) async { print("결과 : ${..
-
window Object 확장하기(React - TypeScript)WEB/TypeScript 2022. 4. 17. 02:06
TypeScript를 적용한 이후 window를 확장하여 사용하고 싶은 경우 window.Sample() 위와 같이 작성을 하게 되면 타입 오류가 발생한다. 해당 오류를 처리하기 위해서는 react-app-env.d.ts 파일에 interface Window { Sample() : any; } 코드를 작성하면 사용이 가능하다. window 외에도 String 등 다른 곳에서 사용하고 싶을 때 사용할 수 있다.
-
WebApp 만들기(ReactJS - Flutter) - flutter_inappwebview 사용Mobile/Flutter 2022. 4. 17. 01:55
WebApp을 만들기 위해서 아래 명령어를 터미널에 입력하여 준다. flutter pub add flutter_inappwebview flutter_inappwebview를 추가하였다면 WebApp을 사용할 수 있다. 코드 예시는 네이버를 이용하였다. class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( body: InAppWebView( initialUrlRequest: URLRequest(url: Uri.parse("https://m.naver.com/")), ), ); } } 위 코드를 작성한다면 네이버의 화면을 WebView로 나타나게 할 수 있다. 웹에서 앱으로 변수..
-
WebApp 만들기(ReactJS - Flutter) - webview_flutter 사용Mobile/Flutter 2022. 4. 16. 23:58
Flutter를 이용한 WebApp을 만드는 방법을 작성한다. 웹앱을 만들기 위해서는 webview_flutter 패키지가 필요하다. flutter pub add webview_flutter 위 명령어를 터미널에 입력해 준다. 이제 코드를 작성하면 된다. 예시로는 네이버를 이용하였다. class _MyHomePageState extends State { @override Widget build(BuildContext context) { return const Scaffold( body: WebView( initialUrl: "https://m.naver.com/", ), ); } } 위처럼 만든다면 아래 이미지처럼 앱에 웹 화면은 나타나게 할 수 있다. 웹에서 특정한 변수를 앱으로 넘기기 위해서는 jav..