본문 바로가기

프로그래밍177

[Flutter] Kakao 소셜로그인 구현 우선! kakao developers에 애플리케이션 생성 및 flutter 프로젝트에 api 설정하는 과정들은 아래 포스팅에서 보고 따라하면 된다. ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 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 아래 사이트에 접속 후 로그인하면.. 2022. 4. 1.
[Flutter] naver_map_plugin 사용하여 특정 위치로 이동하기 ㅜㅜㅜㅜ 진짜 너무 헤맸다. 정보가 너무 없어서 내가 기능 추가해서 라이브러리를 만들어야 하나.. 하면서 git 프로젝트를 다운받아 코드를 천천히 살펴보다가 발견했다........ final controller = await _controller.future; controller.moveCamera( CameraUpdate.toCameraPosition(CameraPosition(target: _latLng)) ); toScroll() 함수를 쓰려고 했으나, animate 관련해서는 널 값을 참조하고 있다고 해서 toCameraPosition 함수를 썼다. 야호 2022. 3. 17.
[Flutter] Search 검색 기능 (SearchDelegate) https://dev.to/luizeduardotj/search-bar-in-flutter-33e1 Search Bar in flutter Link for the code Hey devs, today I'll show how to implement a search bar in flutter. This beautiful... dev.to 위 포스팅을 참고했다. 우선, 호출 방법부터 알아보자. 버튼을 누르면 검색을 할 수 있게끔 하자. 우선 내 코드를 가져와봤다. final List list = List.generate(10, (index) => "Text $index"); GestureDetector( onTap: () { showSearch(context: context, delegate: Search(.. 2022. 3. 17.
[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.

티스토리툴바