상태란?앱에서 사용되는 data들 상태관리란?앱에서 사용되는 data들(상태)을 관리하는 방법 플러터에 StateApp state앱 전반에 걸쳐 사용되는 data앱 여기저기 전반적으로 다 필요하고, 한쪽에서 app state를 변경하면 다른 쪽에서도 data 변경을 반영이 필요 Widget statewidget 내부에서만 사용되는 dataApp state와의 차이점이라면 위젯 내부에서만 사용되니 공유할 필요가 없는 것 StatelessWidget vs StatefulWidgetStatelessWidget상태를 갖지 않는 위젯으로, 한 번 생성되면 변경되지 않습니다.Data가 없는게 아닌, ‘변경될 data가 없다!' 로 이해build 메서드를 통해 만들어질때 데이터가 주어질 수도 있으나, 이후내부의 da..
서막 이전에 나는 구글의 API를 활용한 글을 쓴 적이 있다. 플러터 [Flutter] 구글맵 [Googlemap] - json 데이터로 마커 생성(2023ver) http로 전 세계 구글지사 json 파일을 받아 구글맵에 마커를 생성해 보겠습니다. 패키지 추가 HTTP 요청을 위해 http 패키지 추가 flutter pub add http json으로 받아온 데이터를 직렬화해주는 패키지를 추 daino.tistory.com 근데 어떤 분이 내가 그 글에 댓글을 달아주셨다. JSON 데이터 파싱시, json_serializable 패키지를 사용했는데, 데이터가 원할하게 받아오지지 않고 누실이 있다는 내용이었다. 사실 나는 주로 Firebase로 내부 데이터만 관리했지 외부 API를 써본 적이 없었다. 그..
오늘은 HTTP 구조에 대해 알아보겠다. HTTP Request 구조 HTTP Request는 서버에 우리가 무언가를 요청하는 것이다. Start Line - Method - Request Target : 전송 주소 - HTTP Version GET - Data를 받아옴 POST - Data를 추가함 Header - User-Agent - Authorization : 로그인 인증 토큰 - Cookie : Key-Value 형태의 긴 여러 데이터 - Content-Type : 보낸 Body Data의 데이터 유형 Body Content-Type에서 선언한 데이터 HTTP Response 구조 HTTP Response는 서버에 요청후 서버가 우리에게 주는 응답이다. Start Line - Status Cod..
오늘은 Flutter의 Lambdas, 람다에 대해 알아보겠다. 람다란? 익명함수의 변형된 형태 람다의 표현 (int 파라미터1, String 파라미터2) => 반환값 소괄호 안에는 함수의 파라미터 리스트가 들어가고 화살표 이후에 반환값을 나타낸다. 람다의 특징 1. 익명 : 이름을 지을 수 없다. (변수에 담을 수 있음) 람다의 이름을 지정할 수 없다. 2. 함수 : Class에 종속되지 않음 람다식은 class와 관계없이 저장이 되는 것이기에 종속되지 않고, class의 값을 변경할 수도 없다. 3. 전달 : 1급 객체로서 함수 파라미터로 전달, 변수에 저장 가능 변수로 저장이 가능하다. 4. 간결성 : 익명 클래스처럼 많은 코드를 구현할 필요가 있다. =>로 return 처리를 대체하기 때문에 코드..
오늘은 Flutter에 Future에 대해 알아보겠다. Future란? Future는 시간이 걸리는 작업시 완료를 기다리고, 이후에 진행되는 로직을 설정해줄 수 있다. 생성 및 수행 Future의 생성은 앞에 Future을 생성해주고 함수의 파나메터와 수행자 사이에 async를 붙이면 된다. 만약 지정해주고 싶은 타입이 있으면 안에서 타입을 지정해주면 된다. 수행 await 키워드를 통해 함수를 기다리게 할 수 있다.
오늘은 flutter에서 어떠한 동작 이후에 다른 위젯에서 값을 처리하는 Callback 함수를 사용해 보겠다. flutter에 stateful 위젯에서는 위젯 파일이나 위젯만 벗어나도 해당 state에 접근하기 어려운데, 그것을 Callback으로 일정 부분 해결 가능하다. 사전 셋팅 먼저 Callback 함수를 사용하기 위해 다른 State에 있는 텍스트 두 개를 만들어준다. 우리는 UP을 클릭 시 다른 State에 있는 Count 값을 올려줘 보겠다. import 'package:flutter/material.dart'; class TestPage extends StatefulWidget { const TestPage({super.key}); @override State createState() =..