Flutter 뉴스 API 연동하기(1) - 기초 세팅
·
Flutter
오늘은 뉴스 api 를 가져와서 화면에 보여주는 작업을 해볼 것이다. 아래처럼! [API 사용 설정] 아래의 홈페이지에 들어가서 뉴스 API를 사용하기 위해 가입을 하고 API 키를 받아 준다. 키를 받고 문서에 들어가 보면 사용법을 제공한다. News API – Search News and Blog Articles on the Web “Ascender AI has a mission to apply AI to the media, and NewsAPI is one of our most valuable resources. Ascender is redefining how users interact with complex information, and the NewsAPI feed is an essential ..
Flutter 정규식 표현(RegExp) - dart 정규표현식
·
Flutter
정규식(Regular Expression)은 문자열의 패턴을 표현하기 위한 형식 언어이다. 정규식은 문자열에서 특정 패턴을 찾거나, 검색, 치환, 유효성 검사 등 다양한 문자열 처리 작업에 사용된다. 정규식은 특정 규칙을 따라 문자열을 매칭시키기 위한 패턴을 정의하며, 이를 통해 문자열에서 원하는 패턴을 찾거나 조작할 수 있다. RegExp Dart 에서 정규식을 다루기 위한 클래스를 'RegExp' 라고 한다. 생성자 RegExp pattern = RegExp('패턴'); allMatches 메서드 주어진 문자열에서 패턴과 일치하는 모든 부분을 찾아내어 Match 객체들의 Iterable을 반환 Iterable matches = pattern.allMatches('대상 문자열'); firstMatch ..
Flutter 플랫폼 구별하기 (안드로이드, IOS, Web) - Platform & kIsWeb
·
Flutter
플러터의 가장 큰 장점은 원소스로 멀티 플랫폼을 구현 할 수 있다는 부분이다. 하지만 모바일에 최적화 되어 있다 보니 웹이나 윈도우를 구현 할 때는 살짝 화면 깨짐이나 늘어남 같은 부분은 어쩔 수 없는 부분이긴 한다. 어플 개발을 하는 중 아이폰인지, 안드로이드인지 웹인지 구별 할 수 있는 패키지가 있어서 사용해 보려고 한다. [ Platform.isAndroid vs Platform.isIOS ] 우선, 안드로이드와 IOS 구별을 해보려고 한다. Platform class는 플러터에서 제공하는 것으로 아주 간단하게 구별 할 수 있게 구현 가능하다. if (Platform.isAndroid) { print("안드로이드 플랫폼"); } else if (Platform.isIOS) { print("IOS 플..
Flutter 아이폰 스위치 CupertinoSwitch 만들기 (StatelessWidget)
·
Flutter
오늘은 위와 같은 아이폰 토글 스위치를 구현 해보고자 한다. [ CupertinoSwitch ] CupertinoSwitch 라는 CupertinoSwitch는 iOS 앱에서 사용되는 스위치를 나타내는 Cupertino 디자인을 따르는 위젯이다. 이 위젯은 Flutter 프레임워크에서 제공되며, iOS 스타일의 스위치를 생성하는 데 사용된다. flutter 에서 제공하는 것인 만큼 내가 저번에 만들었던 토글 버튼과는 비교도 안되게 아주 가성비 넘치는 편리성을 자랑한다.. 혹시 전에 힘들게 구현했던 togglebutton이 궁금하다면 아래로 ... ㅎ Flutter toggleButtons 만들기 이렇게 달러를 클릭하면 달러의 주식가격이 원을 클릭하면 원화 가격이 나오게 토글버튼을 구현 해보려고 한다. 먼..
해니01_15
'플러터' 태그의 글 목록 (5 Page)