프로그래밍124 [Flutter] 14. 플러터 날씨 검색 화면 만들기 지난포스트에서 플러터 앱에서 openweather api를 이용해서 날씨 정보를 얻어오는 방법 알아 보았고 플러터 앱에서 http get을 해보았습니다. 이제 날씨 검색 화면을 만들어 보도록 하겠습니다. 다음 내용을 다루고 있습니다. 모델 클래스 만들기 다트 named constructor JSON문자열 객체로 변환(역 직렬화) 날씨 검색 화면 UI 만들기 위젯 반환 함수, Expanded 위젯 사용하기 모델(model) 클래스 만들기 OpenWeather API에서 날씨 화면에 필요한 데이터를 받아오고 있습니다. 다음 작업은 OpenWeather Api에서 가져온 JSON 데이터를 변환하여 사용자에게 더 나은 형식으로 제공하는 것입니다. JSON은 키-값 쌍으로 표현되는 텍스트 기반 형식입니다. 이 문.. 2022. 2. 28. [Flutter] 13. 플러터 http get, OpenWeather, 비동기 처리 플러터에서의 비동기 처리와, http 통신 하는 법을 알아보도록 하겠습니다. 이번 포스트는 다음 내용을 다루고 있습니다. 플러터 앱에서 OpenWeatherAPI 사용하기 http 통신 클래스 만들기 플러터 비동기 처리, http get OpenWeather 사용하기 플러터 날씨 화면에서는 OpenWeather라는 서비스를 사용할 계획입니다. OpenWeater 서비스는 Free 계정의 경우 매월 1,000,000 호출까지 무료로 날씨 웹 API를 제공해 줍니다. 아래와 같이 회원 가입 후 제공해 주는 key로 api를 호출할 수 있습니다. 이 키가 잘 작동하는지 확인하는 방법은 홈페이지에서 안내해주는 API CALL링크를 복사하여 브라우저 주소에 붙여 넣으면 됩니다. 예를 들어서 브라우저에서 서울의 날.. 2022. 2. 26. [Flutter] 12. 플러터 패키지(package) 추가하기 플러터에서 http통신을 통해 데이터를 가져오기 위해서 http 패키지를 프로젝트에 추가해야 합니다. 외부 패키지를 프로젝트에 추가하는 방법을 알아보겠습니다. 이번 글은 다음 내용을 다루고 있습니다. 패키지란? 패키지를 프로젝트에 추가하는 순서 pub.dev에서 플러터 패키지 찾기 pubspec.yaml에 의존성 추가, 인스톨 하기 패키지 import 하기 패키지 란? 플러터에서 사용할 수 있는 훌륭한 기능 중 하나는 패키지입니다. 패키지를 간단히 얘기하면 앱에 일부 기능을 추가해주는 코드 컨테이너입니다. 즉 다른 사람이 작성한 코드를 활용해 프로젝트 안에서 쉽게 포함할 수 있습니다. 프로젝트에 패키지를 포함하는 것은 매우 간단합니다. 패키지를 프로젝트에 추가하는 순서 1. 먼저 프로젝트에 포함하려는 패.. 2022. 2. 24. [Flutter] 11. 플러터 체질량 계산기 만들기 지난포스트에서 플러터로 토글 버튼 구현을 완료했습니다. 이번에는 플러터 앱에서 두 개의 텍스트 필드, 버튼 및 텍스트를 추가하겠습니다. 다음 내용을 다루고 있습니다. TextFiled 만들기 (TextEditingController, TextFiled, InputDecoration) ElevatedButton 위젯 텍스트 필드(TextFiled) 만들기 textEditingcontroller, TextField, InputDecoration을 만들어 텍스트 필드 UI를 만들어 보겠습니다. TextEditing Controller 텍스트 필드를 추가하기 전에 두 개의 TextEditing 컨트롤러를 설정해 보겠습니다. TextEditing Controller를 만드는 이유는 텍스트 필드에는 controll.. 2022. 2. 23. 이전 1 ··· 17 18 19 20 21 22 23 ··· 31 다음
