프로젝트에서 카카오 로그인 기능이 필요하기 때문에 카카오 로그인을 플러터에서 구현한다 카카오 로그인후 토큰까지 확인해본다 1. 플러그인 설치와 앱키 설정 사용할 플러그인은 kakao_flutter_sdk와 flutter_dotenv이다 fluter pub add 명령어를 통해서 설치한다 카카오앱은 등록은 생략하고 네이티브 앱키를 이용해야한다 앱키...

HTTP기반의 api는 REST API, GraphQL, gRPC등이 존재한다 여기서 주로 사용하는것은 REST api를 이용한다 rest api에는 get, post, delete, put등 메서드를 이용한다 이 메서드들을 이요해서 CRUD 연산을 한다 플러터에서 HTTP요청 flutter pub add dio를 입력해서 플러그인을 설치한다 i...

구글 지도 api를 이용해서 특정 위도, 경도 100미터 이내에 있다면 출석 체크가 되는 기능의 앱을 만든다 구글 클라우드 플랫폼 콘솔에서 api 키를 발급 받고 이를 이용해서 지도에 표시한다   Geolocator 플러그인 위치 권한이 있는지 확인하고 권한을 요청한다 현재 gps위치가 바뀔 때마다 현재 위치값을 받을 수 있는 기능을 사용한다 또...

기기의 자이로스코프 센서, 가속도 센서를 이용해서 모바일 기기의 흔듦을 감지해서 주사위를 굴리는 앱을 만든다 또한 사용자가 민감도를 조절하는 기능도 구현한다 가속도계 핸드폰에는 가속도계가 존재한다 물체가 특정방향으로 이동하는 가속도가 어느 정도인지 숫자로 측정하는 장치이다 3개의 축으로 되어있고 x축 좌우이동, y축 위 아래이동, z축 앞뒤이동(핸...

목표한 날까지 얼마나 남았는지 알려주는 앱이다 이전 imageview에서는 StatefulWidget의 생명주기를 사용했지만 setState( )를 이용한 상태관리는 아직 안해봤다 이번 d-day앱에서 setState()함수를 사용하고 Cupertino 위젯을 사용해서 datepicker를 구현한다 setState( ) 함수 setState( )함...

이미지 뷰어 앱은 이미지 5개를 보여주고(전체화면) 스와이프를 통해서 이미지를 변경할 수 있다 또한 Timer를 통해서 일정시간이 지나면 다음 사진으로 넘어가도록 한다 위젯 생명주기 위젯 생명주기는 위젯이 화면에 그려지는 순간부터 삭제되는 순간까지를 의미한다 StatelessWidget: 상태가 없는 위젯이다 StatelessWidget이 ...

플러터에서 웹뷰를 이용해 기존에 있는 내 블로그를 웹뷰 앱으로 만들어 본다 이를 구현하기 위해서 콜백 함수와(url을 로딩) 웹뷰 위젯을 사용할 줄 알아야한다 콜백 함수 콜백 함수란 일정 작업이 완료되면 실행되는 함수이다 함수를 정의해두면 바로 실행하지 않고 특정 조건이 성립될 때 실행된다 WebViewController controller = ...

앱이 로딩되는 동안 보이는 스플래시 스크린을 간단하게 만들어본다 1. 사용자 정의 위젯 생성 메인 페이지에 Splash Screen 글자를 출력하고 배경 색상을 설정한다 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); //첫 화면 위젯 설정 } class MyA...

플러터는 화면에 그려지는 모든 요소가 위젯으로 구성되어 있다 플러터는 기본적으로 위젯을 제공하고 직접 위젯을 만들수 있다 자식을 하나만 가지는 위젯 Container 위젯: 자식을 담는 컨테이너의 역할 자식을 담고 배경색, 너비와 높이, 테두리 디자인등을 설정할 수 있다 GestureDetector 위젯: 플러터에서 제공하는 제스처 기능을...

플러터를 이용하기 위해서는 dart 언어를 사용할 수 있어야한다 dart는 기존 프로그래밍 언어들과 비슷하기 때문에 문법 자체는 그렇게 어려워 보이지 않는다 dart는 main 함수를 실행해 파일이 실행된다 또한 마지막에 ;을 사용한다   Hello World! 출력 void main() { print("Hello World!"); } 위...