Flutter (7) 썸네일형 리스트형 회기역 지하철 시간 타이머 앱 - 4 (마무리) 이제 http로 데이터까지 다 받아왔고 데이터에서 시간을 받아오고 그 시간에서 현재시간을 뺀 값을 표시만 하면 된다. import 'package:flutter/material.dart'; import 'dart:async'; import 'dart:math'; import 'package:http/http.dart' as http; import 'package:xml/xml.dart' as xml; import 'package:xml/xml.dart'; import 'package:flutter_test/flutter_test.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { const MyApp({super.key.. 회기역 지하철 시간 타이머 앱 - 3 (http 연결) 이제 http연결해서 xml파일을 받아오기만하면 parse가 된다. http연결이 되게 복잡해 보였는데 생각보다 간단했다. 다만 동기 비동기신호를 구분하고, 1초마다 갱신해준다는 점이 조금은 어려웠다. Future fetchXmlData() async { final response = await http.get(Uri.parse('http://swopenapi.seoul.go.kr/api/subway/6a684e6f49646d733130364c4b74466e/xml/realtimeStationArrival/1/3/회기')); return xml.parse(response.body); } test('subway', () async { final document = await fetchXmlData(); f.. 회기역 지하철 시간 타이머 앱 - 2 (xml parse) https://data.seoul.go.kr/dataList/OA-12764/F/1/datasetView.do 열린데이터광장 메인 데이터분류,데이터검색,데이터활용 data.seoul.go.kr 여기서 API 인증키를 신청해서 받았고, 이제 서버통신만 하면되는줄 알았는데,, 여기서 제공하는 데이터가 xml 형식이더라... json이면 편할텐데........ flutter로 xml 파싱하는 방법에 대해서 공부했다. https://www.youtube.com/watch?v=J9b13J8-osM&list=PLgRxBCVPaZ_269IOayEny-_aq0LUQ2fGl&index=2 자료는 이 영상을 참고했다. 우선 데이터 형식을 긁어서 어떤 형식인지 확인해야한다. INFO-000 정상 처리되었습니다. 200 13.. 회기역 지하철 시간 타이머 앱 - 1 (stateless, state) 맨땅에 헤딩식으로 우선 flutter 타이머 앱을 검색했다. 보니까 여러가지 뭐가 나왔는데 https://www.youtube.com/watch?v=ahfJhd_XMzU 이 영상을 참고했다. 우선 매우 간단한 디지털 시계부터 만들어 봤다. import 'package:flutter/material.dart'; import 'dart:async'; import 'dart:math'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Rightnow(), ).. 회기역 지하철 시간 타이머 앱. 나는 회기에 산다. 회기에 사는데 매번 네이버 지도 앱 켜서 길찾기로 지하철 시간보는거 너무 불편..한 나머지 지극히 자기중심적인 앱을 하나 만들꺼다. 회기역을 거의 매일 이용하는 나를 위한 회기역 열차 타이머를 만들꺼다. 나는 청량리역 방향만 이용하기 때문에, 청량리역방향만 나타낼꺼다. 앱키면 경중선 청량리역방향 타이머랑 1호선 청량리역방향 타이머만 띡 나오게 만들거다. 위젯화면에도 나오게 만들어서 매우 편리한 이용이 가능하게 해야지. 언어는 flutter쓸거다. Dart - Variable : 다트 - 변수 요약 Flutter공부를 위해 Dart언어 공부를 시작했습니다. 먼저 노마드코더님의 강의를 보고 공부했습니다. 먼저 Dart는 JIT(just in time), AOT(Ahead of time) 방식 모두 사용합니다. JIT 와 AOT 가 무엇이냐면 AOT : AOT는 프로그램 실행전에 바이트 코드를 기계어로 바꾸는 컴파일러 입니다. 실행 전에 모두 기계어로 변환되기 때문에 성능 이슈가 생기지 않고 거의 네이티브의 성능을 낼 수 있게 된다. 항상 일관된 성능을 내기 적합합니다. 그에반해 JIT : JIT는 프로그램이 실행되면서 바이트 코드를 기계어로 바꿉니다. 그렇기 때문에 런타임을 향상시킬 수가 있습니다. Dart언어는 상황에 따라 두가지 방법을 혼용하여 사용한다고 합니다. 그리고 Dart는 여러가지 변수형.. G O A T : 'F L U T T E R' 앱개발에 흥미가 생겨 어떤언어를 할지 고민하고 찾아보다가 Flutter라는 언어를 알게되었습니다. Dart라는 언어를 이용하는 Flutter는 처음 앱개발을 하는 사람들에게 참 편리한 언어라고 하네요. 라이브러리 UI가 정말 많다고 합니다. Dart와 Flutter모두 구글에서 만들었기 때문에, Flutter를 위해 Dart라는 언어도 언제든지 편집 가능하다고 하네요. 네이버 지식in 어플도 Flutter를 이용해서 만든다고 하니, 미래를 위해 Flutter를 배워보는게 어떨까요? 앞으로 Dart언어와 Flutter에 대한 내용을 이 카테고리에 올려보도록 할게요! Dart언어는 따로 개발환경 세팅필요없이 https://dartpad.dev/ 이곳에서 언제든지 코딩이 가능합니다. Flutter언어의 경우 .. 이전 1 다음