HIT해

Flutter 한글꺠짐 해결방법 jsonDecode(utf8.decode(response.bodyBytes));

이전 편을 하고 왔다면 이제 정상까지 얼마 남지 않았다. 우리가 해줘야하는 설정이 있다. yaml 파일에 요걸 등록해주고 문서 > Android > 시작하기 를 참고해 ( https://developers.kakao.com/docs/latest/ko/android/getting-started#before-you-begin ) 1. 인터넷 사용 권한 설정을 해준다. 2. 인가 코드를 받기 위해 Redirect URI 설정을 해야한다. 이를 위해 위와 마찬가지로 AndroidManifest.xml에 액티비티 설정을 한다. 아래 입력란에 내 애플리케이션의 네이티브 키를 넣어준다. 3. main.dart 수정 앱이 실행되기 전에 Flutter SDK를 초기화하고 이를 위해 비동기 선언을 해주어야한다. 마찬가지로..

프로젝트에서 카카오 로그인 구현을 담당하게 됐다. Firebase 푸시 알림에 이어 프로젝트 내 두번째 서버와의 통신 작업이다. ( 왜일까 프론트와 점점 멀어져가는 느낌..? ) 하지만 맡은 역할은 책임있게 다 해야하기에 카카오 로그인에 하루를 통째로 투자해 성공시킨 내 경험을 녹여낸 카카오 구현 방법이다. ( 내 자유시간은 어디에... ) 1. 어플리케이션 등록 https://developers.kakao.com/console/app 카카오계정 accounts.kakao.com 위의 링크에 들어가야지 카카오 로그인 서비스를 만들 수 있다. 어플리케이션 추가를 누르면 아래와 같은 화면이 보인다. 본인 어플리케이션 명과 사업자명 카테고리를 넣으면 되는데 "어.. 나는 앱출시할생각 없고 디버그로 할건데 나도..

화면들을 보면 버튼위나 화면에 겹쳐져서 보이는 항목들이 보인다. 그건 Stack을 이용한 것들이다. Stack을 활용하면 위젯들을 겹쳐서 보이게 할 수 있다. 사용법은 매우 간단하다. 이런식의 화면을 만들기 위해서 알아야하는 것이 두가지가 있다. 1과 2중에 어떤 것을 위에 보이게 할 것인가. 만약 흰색 배경이 v 보다 우선순위가 높다면 v는 보이지 않을 것이다. 우선순위를 정하는 건 매우 간단하다. Stack의 children 들중 뒤에 나올 수록 화면의 윗 부분에 위치할 수 있다. 그리고 Stack의 자식들은 Positioned로 묶어 Stack이 차지한 공간의 top bottom left right 값만큼 패딩처럼 멀어져서 배치할 수 있다.

https://api.flutter.dev/flutter/material/TextButton-class.html TextButton class - material library - Dart API A Material Design "Text Button". Use text buttons on toolbars, in dialogs, or inline with other content but offset from that content with padding so that the button's presence is obvious. Text buttons do not have visible borders and must therefore rely on api.flutter.dev Flutter 자체에서 제공하..

프로젝트를 하면 종종 발생하는 에러중 하나입니다. 위젯이 레이아웃에 필요한 충분한 공간을 갖지 못했음을 나타내는데 보통 Column Row Stack등 위젯이 화면을 벗어나는 내용을 가지고 있을때 발생한다. 그런데 Column Row 들은 자식들에게 제한 없는 공간을 주려하는 반면 GridView ListView SingleChildScrollView Stack Positioned Flexible 과 같은 위젯들은 가능한 모든 공간을 차지하려하기때문애 무한대의 길이를 갖게되어 Failed assertion: line 1972 pos 12: 'hasSize' 오류가 발생하는 것이다. 그렇기에 Expanded : 부모 위젯 내에서 가능한 여유 공간을 차지하는 위젯으로 감싸면 문제가 해결된다. 아래는 내가 마..