Flutter5 [서평/23-15] Do it! 플러터 앱 프로그래밍: 오픈 API 활용 + 파이어베이스 + 구글 맵 + 광고 수익까지 독서기간_2023년 3월 26일 저자_조준수 출간일_2021년 2월 23일 Dart 언어는 문제가 아니다! Flutter 프레임워크가 고비다!!!!!! 생각보다 어렵다!!!!! Do it! React 편보다 더 괜찮았다(클론 코딩이긴 했지만). 설명이 자세하고 초심자의 눈높이에 맞춰 설명해준다. Stateful 위젯과 Stateless 위젯 차이부터 컴포넌트 배치, API 호출해 정보 표시하기까지 도움이 많이 되었다. 이 책 덕분에 async, await 키워드 개념을 이해했다. 리액트의 state 보다 플러터의 stateful이 더 편한 것 같다. 그래도 플러터는 확실히 편한 프레임워크는 맞다. 다양한 라이브러리 특히 커스텀하기 까다로운 AppBar, TabBar 등과 Cupertino라는 iOS 디자.. 2023. 3. 31. [Flutter / Dart] Flutter로 REST API 호출하기 먼저 플러터에서 HTTP API를 호출하기 위해 패키지를 설치해야 한다. flutter pub add http flutter pub add test 나는 테스트 코드에서 실행시킬 거라 test 패키지도 설치했다. 정확히는 Dart 언어로 Api 호출하는 방법이다. 참고로 아래의 웹 사이트를 이용해 JSON 호출을 할 거다! https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. Serving ~2 billion requests ea.. 2023. 3. 26. [Flutter] 기본 사용법 간단 정리 pubspec.yaml 파일 : 프로젝트의 메타데이터를 정의하고 관리 ios / android 폴더 : 각 플랫폼에 맞게 앱을 배포할 수 있도록 도와줌 test 폴더 ilb 폴더 : 작업 공간 MaterialApp()을 사용하면 '구글'스러운 템플릿 사용 가능 stless + tab키 class MyWidget extends StatelessWidget { const MyWidget({Key? key}) : super(key: key); // 클래스 파라미터 @override Widget build(BuildContext context) { return const Placeholder(); } // 아래처럼 리턴 타입을 명시하지 않아도 됨! // @override // build(context) { //.. 2023. 3. 19. [Flutter] Future와 async/await Future 클래스란 크게 두 가지 상태를 갖고 있다. 완료와 미완료 상태. 완료됐을 때 두 가지 결과를 기대한다. 바로 'data'와 'error' 이다. Future future = futureNumber(); future.then((val) { // int가 나오면 해당 값을 출력 print('val: $val'); }).catchError((error) { // error가 해당 에러를 출력 print('error: $error'); }); 위처럼 then과 catchError 메서드를 이용해 결과의 분기를 구분한다. async, await는 대표적인 비동기 관련 키워드이다. async는 함수를 비동기 함수로 만들어 준다. await를 사용하면 비동기 함수가 끝날 때까지 기다리고, 사용하지 않으면.. 2023. 3. 19. [Flutter] Docker로 Flutter 컨테이닝 하기 https://github.com/edwardinubuntu/flutter-web-dockerfile GitHub - edwardinubuntu/flutter-web-dockerfile: A demo how to setup flutter web in docker container A demo how to setup flutter web in docker container - GitHub - edwardinubuntu/flutter-web-dockerfile: A demo how to setup flutter web in docker container github.com 위의 Dockerfile 코드를 사용했습니다! 아래 코드를 Flutter 프로젝트 하위에 이름이 'Dockerfile'인 파일을 생성한다.. 2023. 3. 18. 이전 1 다음
