본문 바로가기

Flutter3

Futter에서 investing 환율 위젯 보여주기 investing.com에서는 데이터값을 조회하는 API를 제공하지 확인해봤더니 공식적으로 API를 제공하지 않고 있고 그대신에 위젯을 제공하고 있습니다. 위젯을 홈페이지에 iframe 형태로 나타낼 수 있었고 이것을 Flutter에서도 표시할 수 있지 않을까 하여 공부하면서 나온 결과물을 소개합니다. 환율 위젯 URL 가져오기 제공하는 위젯은 여러가지이지만 저는 환율위젯을 예제로 진행하겠습니다. 위젯선택하기 위젯 제공하는 사이트에 접속하여 Live Currency Cross Rates 를 클릭하세요. https://www.investing.com/webmaster-tools/ Choose Currencies 에서 환율 선택 보고 싶은 환율을 선택해주세요 저는 USD/KRW를 선택했습니다. 코드생성 코드.. 2023. 11. 12.
[Flutter] html 파싱하기(http 포함) Flutter에서 http 모듈을 사용하여 Response값 json 데이터만 파싱만 하다가 html를 파싱하는 상황이 생겨 다음에도 계속 참고자료로 사용할 수 있게 글을 납겨봅니다. 준비하기 http, html 모듈 설치 http 함수 만들기 리턴값 html 파싱 http, flutter_html 모듈 설치 우선 pubspec.yaml 에서 두 모듈을 추가해줍니다. 버전이 다른 수 있으니 사이트에서 참고해주세요 ![image-20231109002633862](/Users/swjeong/Library/Application Support/typora-user-images/image-20231109002633862.png) # pubspec.yaml # https://pub.dev/packages/http .. 2023. 11. 9.
[Dart] stateless와 statefull 위젯 구분 정리 플러터 앱을 구성하는 위젯은 stateless와 statefull로 구분 두 위젯을 구분하는 기준은 상태 연결과 관련 있음 각 위젯 특징 stateless 내용 갱신이 필요없는 위젯에서 사용 화면에 보이기 전에 모든 로딩을 마침 갱신이 필요 없기 때문에 위젯 감시를 할 필요가 없음 -> 자원관리에 용이 StatelessWidget 클래스를 상속받아서 사용함 Constructor → build statefull 상태가 연결된 동적인 위젯 앱 위젯을 감시하면서 변경처리 및 수행이 필요할 때 사용 StatefulWidget 클래스를 상속받아서 수행함 항상 감시를 해야하기 때문에 자원을 많이 필요함(CPU, 메모리) 2023. 5. 27.