출첵 1) 구글 지도 - 구글 API 가지고 와서 화면에 지도와 위치 등 랜더링 해주는 API Expanded( // 2/3만큼 공간 차지 flex: 2, child: GoogleMap( initialCameraPosition: CameraPosition( target: companyLatLng, zoom: 16, ), myLocationEnabled: true, markers: Set.from([marker]), circles: Set.from([circle]), ), ), - 위치 정보 받아서 원하는 위치와 거리 파악 후 bool타입으로 판단 후 출첵 로직 실행 ElevatedButton( // [출근하기] 버튼 onPressed: () async { final curPosition = await G..

비디오 플레이어 1) BoxDecoration - 컨테이너에서 그라데이션 색상을 만들어주는 gradient 속성을 지정 - LinearGradient 클래스를 사용해서 시작색과 끝색을 지정해서 그라데이션을 설정 // Container의 배경색을 그라데이션으로 변경 타입 BoxDecoration BoxDecoration getBoxDecoration() { return const BoxDecoration( gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [ Color(0xFF2A3A7C), // 시작 Color(0xFF000118), // 끝 ], ), ); } 2) XFile - ImageP..

서론 해당 부분은 휴대폰의 센서 및 탭바와 네비게이션 연동을 다룬다. 또한 상태변화에 대해 사용을 하는데 상단에서 하위 위젯의 파라미터를 넘길 때 파라미터 및 함수를 넘겨주면 하위 위젯이 해당 함수나 파라미터 값을 변경하여 상위 위젯의 상태변화를 일으킬 수 있다. 본문 1. Sensor_Plus 1) 가속도계 - 물체가 특정 방향으로 이동하는 가속도를 측정 : 휴대폰에 이미 내장되어 있음 2) 자이로스코프 - x,y,z축의 회전을 측정 2. SVG 이미지 - 이미지 파일중에 svg 확장자를 가지고 있는 경우 별도의 라이브러리가 필요 https://pub.dev/packages/flutter_svg flutter_svg | Flutter package An SVG rendering and widget li..

본문 1) 이미지 크기 - 휴대폰 크기는 정해져 있다. - 해당 크기를 넘어서면 다음과 같은 에러가 난다. overflow error ======== Exception caught by rendering library ===================================================== The following assertion was thrown during layout: A RenderFlex overflowed by 29 pixels on the bottom. - 이는 크기가 지정된 위젯이 화면 밖으로 빠져나가서 생기기 때문에 위젯의 크기를 지정하기 보단 동적으로 유지하기 위해 Expanded 위젯으로 감싸주자 @override Widget build(BuildContex..

서론 요구사항 변경이 생겨서 코드 수정이 발생했다. 이 때 수정할 거를 제대로 수정 못해서 코드 리뷰 때 빠꾸 먹은 게 있어서 까먹지 않게 여기에다가 정리를 하려고 한다. 본문 1) Entity 수정 - Entity의 데이터 타입 수정 - 변수명을 변경된 테이블 속성이랑 일치 시키기 - 정의된 변수 순서 또한 테이블의 순서랑 일치 시키기 테이블에 변경 사항이 생기면 가장 영향을 많이 받는 곳이 엔티티 쪽이다. 특히나 엔티티는 테이블의 속성 전부를 가지고 있어야 하는 곳인데 테이블 속성의 순서 변경이나 타입, 이름 변경이 발생한 경우 무조건 테이블에 맞춰서 테이블의 정의에 따라서 수정이 이루어져야한다. 2) DTO 수정 - 변수명을 변경된 테이블 속성이랑 일치시키기 - 변수 타입과 순서를 테이블과 일치 시..

코드 설명 1) Timer - 특정 시간 지난 후 일회성 혹은 지속적으로 함수를 실행 - periodic() : 주기적으로 콜백 함수를 실행한다. - 보통 initState()에 두어서 초기화를 두고 실행시킨 다음 dispose()에 타이머를 종료하여 누수를 막는다. //앱이 최초 랜더링 될 때 단 한 번만 실행 @override void initState() { // TODO: implement initState super.initState(); // 상태바 색상 변경 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark); //타이머를 세팅해서 주기적으로 실행되도록 설정 //build에 넣어두면 새로 만들 때마다 새롭게 빌드되어버려서 init..

개념 정리 콜백 함수 - 일정 작업이 완료되면 실행되는 함수 : 특정 조건을 만족할 때만 실행되기에 Callback - 화면 터치 , 로딩 완료 등 특정 조건을 만족할 때 실행된다. - ex) onPageFinshed , onWebViewCreated 등 on이 붙은 함수에서 자주 사용됨 웹뷰 위젯 - 앱에서 웹 브라우저 기능을 구현해줌 - 네이티브 컴포넌트에 비해서 느리고 부자연스럽지만 웹 페이지를 그대로 앱에서 사용할 수 있다는 장점이 있다. - setJavascriptMode : 웹뷰에서 자바스크립트 실행 여부 결정 - loadRequest : 설정한 url로 이동 플러그인 설치 https://pub.dev/packages/webview_flutter webview_flutter | Flutter ..

서론 플러터 코드를 보면 늘 BuildContext를 사용하는데 그냥 있거니 하고 지나치다가 좀 제대로 정리하려고 한다. BuildContext란? BuildContext 정의 1) A handle to the location of a widget in the widget tree widget tree에서 현재 widget의 위치를 알 수 있는 정보 2)Each widget has its own BuildContext, which becomes the parent of the widget returned by the StatelessWidget.build or State.build function. 각각의 위젯은 자기 자신만의 BuildContext를 가지고 있다 이 BuildContext는 statel..

Stateless Widget & Stateful Widget - 플러터는 선언적으로 UI를 구성한다. : 위젯 내의 build 함수 내에서 상태를 반영하여 UI를 빌드 - f ( build ) : 앱의 상태 state를 반영하기 위해 사용자 인터페이스를 빌드 - state : ui를 새로 그리기 위해 필요한 데이터 State State 즉 상태라는 것은 실행 중인 앱의 메모리에 존재하는 모든 것 혹은 UI 빌드하기 위한 데이터 해당 State의 변화를 감지하여 새로 화면을 다시 그릴지 아니면 State상태 변화에 관계 없는 위젯을 만들지 플러터 프로젝트 설계를 할 때 생각해봐야할 문제이다 . 1) Statefull - 아무래도 사용자와 상호작용할 필요가 있음 - 사용자 입력, 데이터 입출력, 블루투스 ..

위젯이란 Everything is a Widget 모든 것은 위젯이다. - 위젯이란 현재 주어진 상태를 기반으로 어떤 UI를 구현할지 정의 : 플러터 화면의 모든 것들은 위젯이라고 봐도 무방 - 위젯의 상태가 변경이 되면 변경 상태에 맞게 다시 UI를 그린다 : 변경 없는 위젯은 그대로 두고 변경이 있는 위젯들만 새로 그림 - 위젯은 다른 위젯을 포함할 수 있으며 부모와 자식 관계로 구성된다 : 트리 구조 child를 가지는 위젯 - 자식을 하나만 가지는 위젯 1) Container - 자식을 담는 컨테이너 역할 - 배경 , 너비 , 높이 , 테두리 등 지정 가능 2) GesturDetector - 위젯에 제스처 (터치) 기능을 제공 - 탭 , 드래그 , 더블 클릭 같은 기능 제공 - 터치 시 함수 실..