728x90
반응형
- [ 언어·프레임워크/Flutter ][Flutter] "Do it! 플러터 앱 프로그래밍" - 데이터베이스에 데이터 저장하기 | 데이터베이스 준비, 데이터 처리, 질의문 작성2022-02-18 01:55:55"조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱", 10장을 실습하였다. 데이터베이스를 앱과 연동하는 방법이다. DBMS로는 SQLite를 사용하였다. sqflite 패키지를 이용해 Map 형태로 데이터를 CRUD 하는 방식과 query를 이용해 검색, 삭제, 수정하는 방식을 다루었다. Do it! 플러터 앱 프로그래밍 플러터 기본 & 고급 위젯은 물론오픈 API와 파이어베이스를 이용한 앱 개발부터 배포까지!플러터 SDK 2.x 버전을 반영한 개정판!이 책은 플러터의 기초부터 고급 활용법까지 다루어 다양한 영역에 book.naver.com 데이터베이스 준비 sqflite 패키지 설치 pub.dev에서 SQLite 사용을 위한 sqflite 패키지를 찾아 설치한다(https://..
- [ 언어·프레임워크/Flutter ][Flutter] "Do it! 플러터 앱 프로그래밍" - 내부 저장소 이용하기 | 공유 환경설정에 데이터 저장, 파일에 데이터 저장2022-02-17 17:31:17"조준수. (2021). Do it! 플러터 앱 프로그래밍. 이지스퍼블리싱", 9장을 실습하였다. 파일을 읽고 쓰는 방법에 대해 실습하였다. 파일을 읽고 쓰는 방법은 총 3가지가 있다. 그것은 공유 환경설정, 파일, DB에서 읽고 쓰는 방법이다. 이 장에서는 공유 환경설정과 파일에 읽고 쓰는 방법을 다룬다. 파일을 읽고 쓰는 기능을 활용하여 서버에서 이미지를 내려받아 인트로 화면을 변경하는 방법은 실무에서 유용해 보인다. Do it! 플러터 앱 프로그래밍 플러터 기본 & 고급 위젯은 물론오픈 API와 파이어베이스를 이용한 앱 개발부터 배포까지!플러터 SDK 2.x 버전을 반영한 개정판!이 책은 플러터의 기초부터 고급 활용법까지 다루어 다양한 영역에 book.naver.com 공유 환경설정에 데이터 저장하..
- [ 언어·프레임워크/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..
728x90
반응형