플러터25 플러터 - UI 업데이트를 최적화 하는 방법, UI Tree란? 플러터는 setState를 사용해서 주로 UI를 업데이트 합니다. 하지만 setState를 할 때 어떤 일이 발생하는지 알고계신가요? 오늘은 setState를 클릭했을 때 어떤 일이 발생하고 플러터를 사용하여 앱을 만들 때 어떤 방법을 사용하여 UI를 최적화할 수 있는지 알아보겠습니다. 플러터로 UI를 업데이트 하는 간단한 예시 만들기 먼저 아래와 같은 간단한 앱을 만듭니다. Yes를 클릭하면 다음과 같이 바로 아랫 부분에 "Awesome!"이라는 텍스트가 나오는 간단한 앱입니다. 해당 앱을 만들 때 반드시 아래 내용을 포함시켜줘야합니다. StatefulWidget으로 만든다 createElement(), build() 함수에 print() 함수 등을 사용해서 호출될 때마다 로그가 출력되게한다. 저는 아.. 2023. 9. 22. 플러터 기초 - 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. 이전 1 2 3 4 5 6 7 다음
