Skip to content

jsk005/Flutter

Repository files navigation

소스코드의 구조

전체 코드를 모두 올린 것이 아니라 작성에 필요한 코드만 발췌하여 올린 것이다.
하위 디렉토리 단위에는 여러개의 프로젝트가 다수 존재한다.
보통 GitHub 자료를 받아서 바로 소스코드를 동작시키는 구조가 아니라 핵심소스만 발췌하여 올렸다.
사용법은 Anrdoid Studio 또는 VScode 에서 프로젝트를 생성할 때

  1. pubspec.yaml 파일의 첫줄 name 명이 프로젝트 명이므로 이 이름으로 프로젝트를 생성한다.
  2. pubspec.yaml 파일에 추가된 라이브러리는 그대로 추가해주면 된다.
  3. 생성된 프로젝트에서 assets 파일을 덮어쓰기 하고, lib 폴더도 덮어쓰기 하면 된다.
  4. Android 또는 iOS 폴더에 있는 파일은 직접 내용을 살펴보고 생성된 프로젝트 부분과 다른 부분을 찾아서 추가하면 된다.

하지만 학습을 목표로 하는 것이므로 lib 폴더는 하나씩 참조하면서 구현해보는 것이 좋을 것이다.

1. Flutter WebView 4.0 버전 예제

Flutter WebView 는 Android WebView 만큼 동작하지 않는 것 같기도 하다.
WebView가 3.0 버전과 4.0 버전이 구조가 변경되었다.

2. PageView 예제

pageview 폴더
여러 페이지를 한 화면에서 처리할 수 있게 해주는 PageView 위젯

3. SQLite Demo 예제

4. 구글 맵 예제

googlemap 폴더
인프런 사이트의 코드팩토리 강의를 듣고 따라서 작성한 코드이다.
플러터에서 구현하는 구글맵을 이해하는데 도움이 된다.

5. SQLite 기반 일정 등록

calendar_schedule 폴더
인프런 사이트의 코드팩토리 강의를 듣고 따라서 작성한 코드이다.
달력기반으로 일자별 일정을 여러건 등록할 수 있으며
깔끔하게 보기 좋은 UI를 제공한다.
달력의 기능을 좀 더 학습하면 더 나은 학습이 될 듯하다.
SQLite 를 직접 액세스하는 것이 아니라 Drift라는 라이브러리를 이용한 ORM 방식의 접근이다.

6. 미세먼지 앱

finedust 폴더
공공API 정보를 이용한 미세먼지 앱 구현 예제.
인프런 사이트의 코드팩토리 강의를 듣고 따라서 작성한 코드이다.
HIVE 라이브러리를 사용하기 전 단계까지이며, 미세먼지 앱은 잘 동작한다.
DIO 라이브리를 통한 https 통신 및 Layout 구조 이해에 도움된다.

7. 뉴스 앱

뉴스 정보를 제공하는 https://newsapi.org/register 사이트에서 KEY를 등록하고 등록된 키를 코드에서 변경해서 테스트하면 된다.

About

Flutter Study

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages