본문 바로가기

분류 전체보기271

[Flutter] Tmap API 및 Tmap 앱 연동 (2) - iOS편 후... 반나절을 삽펐다. tmap에서 ios sdk를 다운받고 압축 해제를 하면 아래와 같이 내용물이 들어있다. 혹시 sdk를 어떻게 다운받는지 모른다면 ☞여기😆☜를 클릭해서 보면 된다. 또, android 먼저 연동을 하고 싶다면 아래 포스팅을 참고하면 된다. https://cording-cossk3.tistory.com/210 [Flutter] Tmap API 및 Tmap 앱 연동 (1) - Android편 https://openapi.sk.com/ SK open API Recopick 레코픽은 성능과 안정성이 검증된 실시간 개인화 추천엔진과 SK그룹사 데이터를 기반으로 다양한 개인화 서비스를 제공합니다. SK planet openapi.sk.com 위 사이트 cording-cossk3.tistor.. 2022. 3. 16.
[Flutter] 카카오내비 앱 연동하기 (2) - iOS 대부분의 자세한 내용들은 아래 포스팅에 다 들어있다. https://cording-cossk3.tistory.com/209 [Flutter] 카카오내비 앱 연동하기 (1) - Android 개삽펐다..... 대부분의 에러 원인은 키 해시 값이라는걸 명심하자 ㅜㅜ pubspec.yaml dependencies: flutter: sdk: flutter # kakao api kakao_flutter_sdk: ^1.0.0 # 전체 추가 kakao_flutter_sdk_user: ^1.0.0.. cording-cossk3.tistory.com iOS에서 실행을 시키면 자꾸 카카오내비 앱이 설치되어 있지 않다고 떴다. canOpenURL: failed for URL ~~~ 해결 방법 Info.plist LSAppl.. 2022. 3. 16.
[Flutter] Tmap API 및 Tmap 앱 연동 (1) - Android편 https://openapi.sk.com/ SK open API Recopick 레코픽은 성능과 안정성이 검증된 실시간 개인화 추천엔진과 SK그룹사 데이터를 기반으로 다양한 개인화 서비스를 제공합니다. SK planet openapi.sk.com 위 사이트 접속 아래와 같은 화면이 나오면 상단 메뉴 중 [My Project] 클릭 My Project 화면에서 빨간 버튼 [프로젝트 생성] 클릭 아래와 같은 창이 뜨면 프로젝트명과 설명 입력 후 [확인] 클릭 그럼 아래와 같이 내가 생성한 프로젝트가 추가된 것을 확인 가능함. 그럼 이제 상단 메뉴 중 [API] 클릭 나는 TMAP API를 사용할 것이니 [TMAP] 클릭 우측에 사용할 API 선택 후 [바로구매] 클릭 TMAP API는 무료. 구매를 했다면 .. 2022. 3. 15.
[Flutter] 카카오내비 앱 연동하기 (1) - Android 개삽펐다..... 대부분의 에러 원인은 키 해시 값이라는걸 명심하자 ㅜㅜ pubspec.yaml dependencies: flutter: sdk: flutter # kakao api kakao_flutter_sdk: ^1.0.0 # 전체 추가 kakao_flutter_sdk_user: ^1.0.0 # 카카오 로그인 kakao_flutter_sdk_talk: ^1.0.0 # 카카오톡(소셜, 메시지) kakao_flutter_sdk_story: ^1.0.0 # 카카오스토리 kakao_flutter_sdk_link: ^1.0.0 # 카카오링크 kakao_flutter_sdk_navi: ^1.0.0 # 카카오내비 # kakao 의존성 library dio: ^4.0.4 json_serializable: ^4.1.. 2022. 3. 11.
[Flutter] Kakao Map api 사용하기 카카오 developer 사이트 바로가기 카카오계정 accounts.kakao.com [ + 애플리케이션 추가하기] 클릭 앱 이름, 사업자명 입력 후 저장 그럼 다음과 같이 리스트에 애플리케이션이 추가된 것을 확인 가능. 생성된 애플리케이션 클릭 여기서 네이티브앱 키 메모해두고, [플랫폼 설정하기] 클릭 [Android 플랫폼 등록] 클릭 패키지명과 키 해시 입력 후 저장 아래와 같이 Android 플랫폼이 등록된 것을 확인 가능 해시 키 값은 아래를 참고하면 된다. https://developers.kakao.com/docs/latest/ko/getting-started/sdk-android-v1 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인,.. 2022. 3. 10.
[Flutter] Navigator.pop 데이터 전달하기 생각보다 간단하다! 우선 A 페이지에서의 버튼을 구현해보자 //A bool _state = false; ElevatedButton( onPressed: () async { bool state = await Navigator.push(context, MaterialPageRoute(builder: (context) => B())); setState(() { _state = state; }); }, ... ) 여기서 중요한건 async와 await 이다! B 페이지에서는 다음과 같이 구현하면 된다. ElevatedButton( onPressed: () { ... Navigator.pop(context, true); }, ... ) 2022. 3. 10.
[Flutter] endDraw + AppBar actions 함께 쓰기 endDraw를 쓰고 appbar actions에서 action들을 추가하면 endDraw가 안보이게 된다. 그래서 찾아낸 방법은 Scaffold를 커스터마이징 하는 것! class CustomScaffold extends Scaffold { static GlobalKey _keyScaffold = GlobalKey(); CustomScaffold({ AppBar appBar, Widget body, Widget floatingActionButton, FloatingActionButtonLocation floatingActionButtonLocation, FloatingActionButtonAnimator floatingActionButtonAnimator, List persistentFooterButt.. 2022. 3. 10.
[Flutter] AppBar Module appbar에 action 들을 추가하니 코드가 가독성이 떨어져 보여 모듈화해서 빌드해보았다. import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class AppBarArea extends StatelessWidget implements PreferredSizeWidget { final AppBar appBar; const AppBarArea({Key key, this.appBar}) : super(key: key); @override Widget build(BuildContext context) { return AppBar( backgroundColor: Colors.white, leading: Image.a.. 2022. 3. 10.
[Flutter] Splash 화면 pubspec.yaml dependencies: flutter_native_splash: ^1.1.8+4 projet_name\flutter_native_splash.yaml 생성 flutter_native_splash: image: assets/images/logo.png fullscreen: true 패키지 실행 (cmd 창) flutter pub run flutter_native_splash:create splash.dart class Splash extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Image.asset( "assets/images/log.. 2022. 3. 8.
[Flutter] 네이버 Maps API 사용하기 네이버 지도 api 사이트 바로가기 NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 위 링크를 통해 이동하면 아래와 같은 화면이 뜬다 여기서 중간에 보이는 [이용 신청하기] 버튼 클릭 그럼 다음과 같이 API 관련 페이지가 뜰 것이다. 물론, 로그인을 했다는 전제 하에. 스크롤을 내리다보면 맨 하단에 [ + Application 등록 ] 이라는 버튼이 보일 것이다. 클릭 약관 동의 약관 동의 후 Service 선택이 보일 것이다. 우선 뭐가 뭔지 모르니 Maps 를 체크해준다. 이.. 2022. 3. 8.

티스토리툴바