728x90
반응형
- [ 언어·프레임워크/Flutter ][Flutter] "Do it! 플러터 앱 프로그래밍" - 내비게이션 활용하기 | 내비게이션 이해하기, 할 일을 기록하는 앱 만들기2022-02-15 01:07:28"조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱", 8장을 실습하였다. 내비게이터와 라우트를 이용한 페이지 이동을 실습한 후 할 일 기록하는 앱을 만들어 보았다. 완성된 앱을 테스트하던 중 발생한 에러에 대해 예외 처리를 추가로 해주었다. Do it! 플러터 앱 프로그래밍 플러터 기본 & 고급 위젯은 물론오픈 API와 파이어베이스를 이용한 앱 개발부터 배포까지!플러터 SDK 2.x 버전을 반영한 개정판!이 책은 플러터의 기초부터 고급 활용법까지 다루어 다양한 영역에 book.naver.com 내비게이션 이해하기 페이지 이동하기 Navigitor는 스택을 이용해 페이지를 관리하는 클래스이다. 페이지의 이동은 push와 pop으로 이루어진다. // main.dart import '..
- [ 언어·프레임워크/Flutter ][Flutter] "Do it! 플러터 앱 프로그래밍" - 네트워크를 이용해 통신하기 | 카카오 API 이용한 책 정보 받아오기, 이미지 파일 내려받기2022-02-14 12:28:22"조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱", 7장을 실습하였다. 네트워크를 연결하여 웹에서 정보를 받아와 화면에 표시하는 기능과 파일을 다운로드하는 기능을 실습하였다. 특별히 "스크롤로 책 정보 가져오기"에서 깨알 같은 오타로 인해 발생한 에러로 크게 애를 먹었다. 콘솔창의 메시지만 진지하게 읽었더라도 덜 고생하고 더 빨리 해결할 수 있었던 에러다! Do it! 플러터 앱 프로그래밍 플러터 기본 & 고급 위젯은 물론오픈 API와 파이어베이스를 이용한 앱 개발부터 배포까지!플러터 SDK 2.x 버전을 반영한 개정판!이 책은 플러터의 기초부터 고급 활용법까지 다루어 다양한 영역에 book.naver.com HTTP 통신 실습 http 패키지 설치 pub.dev에서 http ..
- [ 언어·프레임워크/Flutter ][Flutter] "Do it! 플러터 앱 프로그래밍" - iOS 스타일로 플러터 앱 만들기 | 쿠퍼티노 위젯2022-02-14 01:04:38"조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱", 6장을 실습하였다. iOS 스타일을 적용할 수 있는 쿠퍼티노 위젯을 다루었다. 5장에서 작성한 코드를 활용하여 실습하였기 때문에 5장과 6장의 코드가 섞여있다. 주석을 볼 때 이를 감안해야 한다. "동물 추가하기 화면 완성하기" 실습의 158쪽 2단계 CuperthinoSegmentedControl 이후 코드에서 에러가 발생해 애를 많이 먹었다. 본문의 코드와 여러 차례 대조해봤지만 별 문제가 없어 답답했다. 결국 저자의 깃허브를 참조했다. Do it! 플러터 앱 프로그래밍 플러터 기본 & 고급 위젯은 물론오픈 API와 파이어베이스를 이용한 앱 개발부터 배포까지!플러터 SDK 2.x 버전을 반영한 개정판!이 책은 플러터의 기초..
- [ 언어·프레임워크/Flutter ][Flutter] "Do it! 플러터 앱 프로그래밍" - 탭바와 리스트 만들기 | 탭바, 리스트뷰2022-02-13 01:50:04플러터 위젯 사용법 "조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱", 5장을 실습하였다. 탭바와 리스트뷰는 스마트폰 화면에 정보를 효과적으로 보여주는 방법이다. Do it! 플러터 앱 프로그래밍 플러터 기본 & 고급 위젯은 물론오픈 API와 파이어베이스를 이용한 앱 개발부터 배포까지!플러터 SDK 2.x 버전을 반영한 개정판!이 책은 플러터의 기초부터 고급 활용법까지 다루어 다양한 영역에 book.naver.com 탭바 탭바는 화면 위나 아래에 놓을 수 있다. 모든 내용과 기능을 한 화면에 보여줄 수 없을 때 탭(tab)으로 연결한 탭바를 이용하면 관련 있는 내용끼리 묶을 수 있다. // main.dart import 'package:flutter/material.dart';..
- [ 언어·프레임워크/Flutter ][Flutter] "Do it! 플러터 앱 프로그래밍" - 플러터 위젯 사용법 | Material 디자인, image와 font 삽입, 사용자와 상호작용2022-02-11 13:50:14플러터 위젯 사용법 "조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱", 4장을 공부하였다. Material 디자인이 무엇이며 Scaffold를 이용해 어떻게 적용하는지, image와 font를 어떻게 삽입하는지, 사용자와의 상호작용을 위해 입력받는 방법은 무엇이며 어떻게 사용하는지에 대해 학습할 수 있었다. Do it! 플러터 앱 프로그래밍 플러터 기본 & 고급 위젯은 물론오픈 API와 파이어베이스를 이용한 앱 개발부터 배포까지!플러터 SDK 2.x 버전을 반영한 개정판!이 책은 플러터의 기초부터 고급 활용법까지 다루어 다양한 영역에 book.naver.com Scaffold를 이용한 Material 디자인 적용 머티리얼 디자인은 구글에서 2014년부터 사용한 플랫 디자인 지침..
- [ 언어·프레임워크/Flutter ][Flutter] "Do it! 플러터 앱 프로그래밍" - 플러터 프로젝트 구조 | main.dart , 위젯의 생명주기2022-02-10 23:56:44플러터 프로젝트 구조 "조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱", 3장을 공부하였다. main.dart 파일의 구조를 뜯어보았고, 그 과정에서 Switch, ElevatedButton을 맛보았다. 마지막으로 위젯의 생명주기를 살펴보았는데 플러터를 이해함에 있어 매우 중요한 개념으로 보인다. Do it! 플러터 앱 프로그래밍 플러터 기본 & 고급 위젯은 물론오픈 API와 파이어베이스를 이용한 앱 개발부터 배포까지!플러터 SDK 2.x 버전을 반영한 개정판!이 책은 플러터의 기초부터 고급 활용법까지 다루어 다양한 영역에 book.naver.com 플러터 메인 소스 파일(main.dart) Hello Flutter // main.dart import 'package:flutt..
- [ 언어·프레임워크/Flutter ][Flutter] "Do it! 플러터 앱 프로그래밍" - Dart 기초 문법 | 특징, async/await, JSON, Stream2022-02-10 00:55:41Dart 기초 문법 요약정리 "조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱", 이 책에서 Dart 문법이 차지하는 비중은 적지만 서버와의 통신 부분(비동기 처리, JSON, 스트림 통신)을 꽤 많이 할애하고 있다. 이 점이 좋아 보인다! Do it! 플러터 앱 프로그래밍 플러터 기본 & 고급 위젯은 물론오픈 API와 파이어베이스를 이용한 앱 개발부터 배포까지!플러터 SDK 2.x 버전을 반영한 개정판!이 책은 플러터의 기초부터 고급 활용법까지 다루어 다양한 영역에 book.naver.com 다트 언어의 9가지 특징 main() 함수로 시작 어디에서나 변수 선언 및 사용 가능 모든 변수가 객체(Object 클래스 상속) 자료형이 엄격하나 유연한 var, dynamic 자료형도 ..
- [ 언어·프레임워크/Flutter ][Flutter] fvm을 이용한 Flutter 버전 관리 | 모두의숙소 앱 빌드 실패 문제 해결2022-02-09 01:41:16"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북" 중 모두의숙소 앱 빌드 중 [그림 1]과 같은 에러가 발생했었다. 다른 PC에서 GitHub에 Push 된 동일한 코드를 Pull 하여 실행해 보았다. 그 PC에서는 정상적으로 빌드되어 AVD에서 실행되었다. 따라서 에러의 원인이 코드는 아니라고 보았다. 예전에 스프링 프레임워크를 배울 때 프레임워크의 버전이 달라지면 없던 에러가 생길 수 있다는 유의사항이 생각났다. 그래서 각 PC에 설치된 Flutter 버전을 확인해 보았다. [!] Your project requires a newer version of the Kotlin Gradle plugin. 역시 버전이 서로 달랐다. [그림 1]의 에러가 발생한 P..
728x90
반응형