개발/flutter
-
Flutter-graphQL 쿼리 리턴값 데이터 모델링하기개발/flutter 2020. 10. 12. 13:45
지난글 2020/10/06 - [개발/flutter] - Flutter - graphQL 인자값 넣어서 Mutation 하기 데이터 모델링 하기 지난번에는 String 이나 boolean 같은 원시타입의 값을 리턴 받아 보는것을 해봤다. 이번엔 단순한 쿼리문을 사용해 받은 여러개의 데이터를 가지고 하나의 클래스로 모델링한후 리턴해보려한다. 쿼리문은 다음과같다. { servicePolicyInfo { serviceUseTermsUrl couponPolicyUrl pointPolicyUrl personalInfoUrl locationUseTermsUrl } } serviceUseTermsUrl couponPolicyUrl pointPolicyUrl personalInfoUrl locationUseTermsU..
-
Flutter - graphQL 인자값 넣어서 Mutation 하기개발/flutter 2020. 10. 6. 17:33
지난번에 간단한 쿼리를 보내 결과값을 받는 테스트까지 해보았다. 이번에는 간단한 mutation 을 실행해보려한다. mutation 은 이렇게 되어있다. mutation{ updatePassword(input: $input) } 유저의 비밀번호를 변경할것이며 input 값에는 기존 비밀번호 , 새로운 비밀번호가 들어잇는 Map 타입이될것이다. { oldPassword:xxxxx newPassword:yyyyy } 지난번과 같은 구조로 getGraphqlClient 를 사용해 서버와 통신할것이다. Future updatePasswordConnection(UpdatePasswordModel model) { return getGraphQLClient() .query(_queryOptions(model)) .t..
-
Flutter - GraphQL 세팅 및 쿼리 하는방법개발/flutter 2020. 9. 29. 16:19
Flutter와 GraphQL을 같이 사용하기 위해 처음 해야 할 것은 역시 세팅이다. graphql 플러그인을 넣어주고 (pub.dev/packages/graphql) 세팅을 시작해보자 처음 graphql 세팅하려면 GrapqlClient 가 필요하다. 나중에 이 GrapqlClient을 통해 api를 호출할것이다. GrapqlClient를 만들기 전에 우선 graphql_client.dart 파일을 생성했다. 여기서 GrapqlClient을 만들 작업을 할 것이다. GrapqlClient를 생성하기 위해서 AuthLink와 HttpLink가 필요하다. final _httpLink = HttpLink( uri: '$SERVER_URL', headers: {'os': os, 'uuid': uuid} );..
-
카카오 로그인에러 AUTHORIZATION_FAILED: invalid android_key_hash or ios_bundle_id or web_site_url개발/flutter 2020. 9. 24. 10:53
Modern Collection View 와 MVVM 패턴 가이드 [iOS] Modern Collection View & MVVM 패턴 가이드 - 인프런 | 강의 MVVM 패턴과 Modern Collection View를 사용해 네트워킹을 구현하고, 다양하고 동적인 Collection View를 자유자재로 다룰 수 있게 됩니다., - 강의 소개 | 인프런 www.inflearn.com 카카오 로그인을 구현했는데 유저정보를 가져오지않고 다음과같은 에러를 던진다. AUTHORIZATION_FAILED: invalid android_key_hash or ios_bundle_id or web_site_url 이 에러가 발생하는 이유는 카카오 개발자 페이지에서 키 해시가 등록이 안되어 있거나 혹은 잘못 들어가있는..
-
Flutter-Your Xcode version may be too old for your iOS version 에러해결개발/flutter 2020. 9. 22. 16:07
Apple 디바이스에 새로 소프트웨어 업데이트가 떠서 iOS 14 로 업데이트를 했다. 그후 vscode 로 빌드를 하니 다음과 같은 에러가 발생헀다. Running "flutter pub get" in mobile... Launching lib/main.dart on iPhone in debug mode... Automatically signing iOS for device deployment using specified development team in Xcode project: SJ7FT7BX2D Running pod install... Xcode build done. 93.0s Installing and launching... ══════════════════════════════════════..
-
팩토리 패턴개발/flutter 2020. 9. 14. 17:54
팩토리 패턴 팩토리 패턴은 기본적으로 객체를 생성하는 패턴이다. 기본적으로 객체를 생성할떄 이렇게 생성한다. Pizza orderPizza(String type){ Pizza pizza; if(type=='cheese'){ pizza = CheesePizza(); }else if(type=='pepperoni'){ pizza = PepperoniPizza(); } pizza.bake(); pizza.cut(); return pizza; } 위와같이 피자 타입에따라 피자를 생성할때 이런 식으로 생성한다. 하지만 예로 새로운 피자종류가 생기거나 치즈피자 판매를 중단하려면 코드를 수정해야한다. 저렇게 타입별로 피자를 생성하는 부분은 계속 바뀔수있으며 그럴 때마다 코드를 수정해야 하기 때문에 바뀌는부분은 캡슐화..
-
Flutter 카카오 로그인 구현하기개발/flutter 2020. 9. 9. 16:53
flutter 에서 카카오 로그인을 구현하려면 플러그인을 사용해야한다. 플러그인은 flutter_kakao_login , Kakao_flutter_sdk 두가지 플러그인이있다. Kakao_flutter_sdk는 카카오 공식 플러그인이고 로그인 뿐만 아니라 다른 카카오의 api 를사용할수있는반면 flutter_kakao_login 는 써드파티 플러그인이며 로그인 기능만을 구현할수있다. 당연히 공식 플러그인을 사용하는게 좋지만 현재 최신버전인 Kakao_flutter_sdk 0.4.2 버전에서 로그인을 구현시 iOS 빌드가 안되는 에러가 자꾸 발생한다. 그래서 어쩔수 없이 flutter_kakao_login을 사용중이다. final kakaoSignIn = FlutterKakaoLogin(); final r..
-
[Flutter] 디바이스 별로 다른 Widget의 넓이 설정하기개발/flutter 2020. 9. 7. 16:34
위젯에 넓이나 높이를 지정해줄 때 이런 식으로 넓이와 높이를 지정해준다. Container( height:400, width:200 ) 디자인을 보고 넓이를 지정해줬거나 시뮬레이터에서 직접 만들면서 넓이를 지정해줬든 간에 너비가 넓은 디바이스, 좁은 디바이스에 모두 똑같은 너비의 위젯이 된다. 이런 경우 여백에 차이가 있을 것이고 의도치 않을 수 있다. MediaQuery를 활용해 디바이스의 실제 너비를 구할 수 있다. MediaQuery.of(context).size.width; 200의 너비를 디바이스의 크기별로 맞춰서 계산하려면 이렇게 하면 된다. final deviceWidth = MediaQuery.of(context).size.width; final standardDeviceWidth = 36..