분류 전체보기137 [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. [Flutter] 10. 토글 버튼 만들기(ToggleButtons) 지난포스트에서 StatefulWidget에 대해 알아보고 StatefulWidget 클래스를 만들었습니다. 지금 부터 bmi_scrren.dart파일에 체질량 계산기 화면을 만들려고 합니다. 체질량 계산기의 화면 UI는 미터법과 파운드법을 선택할 수 있는 토글 버튼과 키와 체중을 입력할 수 있는 텍스트 필드 그리고 계산버튼, 마지막으로 결과값을 출력하는 텍스트로 이루어져 있습니다. 이번 포스트에서는 우선 토글 버튼 을 만들어 보도록 하겠습니다. 다음 내용을 다루고 있습니다. ToggleButtons 위젯 EdgeInsets 설정 late 키워드 StatefulWidget Lifecycle(initState, build, dispose) onPressed와 setState 메소드 토글 버튼 만들기 *하단에.. 2022. 2. 22. 이전 1 ··· 20 21 22 23 24 25 26 ··· 35 다음
