본문 바로가기

플러터20

플러터 기초 - HttpOverrides으로 userAgent 설정하기 일반적으로 사용하던 브라우저에서 User-Agent를 정의하는 방법은 더 이상 사용할 수 없게 되었습니다. 그렇기 때문에 다음과 같은 방법으로는 더이상 User-Agent를 변경할 수 없습니다. Image.network( 'https://example.com/image.jpg', headers: { 'User-Agent': 'Your User Agent', }, ... ); 그렇기 때문에 브라우저가 아닌 앱 자체에서 User-Agent를 변경해서 통신을 해야하는데 HttpOverrides를 사용하면 그것을 할 수 있습니다. HttpOverrides를 사용하여 User-Agent 변경하기 다음과 같은 클래스를 정의합니다. import 'dart:io'; class MyHttpOverrides extends.. 2023. 5. 13.
플러터 기초 - FutureBuilder를 사용한 비동기 작업 수행 플러터에서는 StatelessWidget을 사용하더라도 비동기 작업을 할 수 있는 방법이 존재한다. 바로 FutureBuilder를 사용하는 것이다. StatefulWidget 대신 FutureBuilder를 사용하면 다음과 같은 이점이 존재한다. StatefulWidget 대신 코드를 관리하기 편하고 비동기 작업이 단순해진다. StatefulWidget 과 비교하여 좀 더 나은 효율을 갖고 있다. FutureBuilder 사용하는 방법 FutureBuilder를 사용하기 위해서는 Future 데이터를 받아오는 객체가 하나 필요하다. 다음과 같이 오늘의 웹툰 데이터를 받아오는 객체가 있다고 생각하자. Future webtoons = ApiService().getTodaysToons(); 위 객체를 사용해.. 2023. 5. 12.
플러터 기초 - https로 데이터 받고 JSON으로 변환하기 https 라이브러리를 사용하여 데이터를 받고 해당 데이터를 JSON으로 변환한다. 해당 데이터는 비동기 작업으로 가져온다. 아래 과정은 해당 강의를 참조했습니다. All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co htttp 라이브러리를 사용해서 API 데이터 가져오기 http 라이브러리 설치하기 Dart에서 사용할 수 있는 라이브러리는 pub.dev 라는 사이트에서 다운로드 할 수 있다. 그 중에서 이번에 사용할 http 라이브러리는 아래의 링크에 존재한다. http | Dart Package A composable, multi-platform, Future-based API for HTTP requests... 2023. 4. 28.
플러터 기초 - BuildContext 플러터에서 각 종 위젯 클래스와 State 클래스를 보면 위젯을 반환하는 Build 함수를 갖고 있는 것을 볼 수 있다. 그리고 해당 함수를 보면 BuildContext로 된 context를 매개변수로 갖는데 여기서 BuildContext가 어떤 의미를 갖는지 알아본다. (다음과 같이 BuildContext를 갖고 있는 build 함수) class MyLargeTitle extends StatelessWidget { const MyLargeTitle({ Key? key, }) : super(key: key); @override Widget build(BuildContext context) { ~~~ } 예시 코드 만들기 BuildContext를 이해하기 위해 다음과 같이 코드를 작성한다. void mai.. 2023. 4. 19.