Flutter
  • Flutter 모바일 앱 개발하기
  • Untitled
  • 설치
    • Flutter 설치
  • 프로젝트 개발
    • Dart
      • Dart Code Style
    • Untitled
    • 프로젝트 개발 순서
    • 신규 프로젝트 생성하기
    • Flutter 폴더 구조
    • pubspec 설정 및 패키지 설치
      • Json 직렬화 패키지
      • 모바일 앱 이름 설정 패키지
      • Package 수동 처리
      • 다국어 패키지 설정
      • Multi Provider 패키지
    • main.dart 기본 설정
      • Custom Route 정의하기
    • Stateful Widget 생성
    • 플랫폼별 퍼미션 설정
    • [참고] Flutter 페이지 디자인 하기
    • Github로 소스관리하기
    • Firebase 사용하기
  • 빌드
    • 모바일 앱 아이콘 만들기
    • 안드로이드 빌드(사내 배포용)
  • iOS 빌드 및 배포
    • Apple App Store Connect 앱 등록
    • Apple TestFlight 배포(사내 배포용)
  • 에디터 설정
    • Visual Studio Code 설정
      • Flutter Ui Guides
      • Korean Language Pack for Visual Studio Code
      • Material Icon Theme
Powered by GitBook
On this page

Was this helpful?

  1. 프로젝트 개발

Flutter 폴더 구조

Flutter 모바일 앱 프로젝트의 폴더 구조를 체계적으로 관리하기 위해 아래와 같이 폴더 구조를 사용합니다.

Previous신규 프로젝트 생성하기Nextpubspec 설정 및 패키지 설치

Last updated 4 years ago

Was this helpful?

Flutter 폴더 구조

프로젝트 진행 시 폴더 구조를 체계적으로 관리하는 것이 중요합니다. 한사람이 한가지 프로젝트만 매일 관리한다면 상관없지만(그래도 체계적으로 관리 안하면 모를 수) 다수의 사람이 다수의 프로젝트를 관리한다면 파일이 어디에 있는지 파악하는 것만으로도 힘이 들기 때문입니다.

프로젝트마다 폴더 구조를 수정해서 사용할 수 있지만 큰 맥락을 동일하게 가는 것이 좋습니다.

  1. assets : 모바일 앱에서 사용하는 정적 이미지, 아이콘, 폰트, 다국어, json 데이터 파일을 포함합니다. ※ Font 폴더는 루트 또는 Assets 하위에 생성 ※ Assets 폴더는lib 하위에 생성하여도 무관함.(pubspec.yaml 파일에 lib 위치가 없어도 자동으로 폴더를 검색하여 찾아냄)

  2. lib : Flutter 개발 코드 파일을 포함합니다.

  3. models : 프로젝트에 사용하는 모델 파일을 저장합니다.

  4. service : 외부와 인터페이스를 하기 위한 로직 코드를 저장합니다. (WebAPI, Database, Share prefs 등)

  5. provider : Provider 패턴을 사용하는 경우 이 폴더에 프로바이더 관련 파일을 저장합니다.

  6. screens : 고유한 화면 파일을 저장합니다. 해당 화면에서만 재사용되는 위젯 또는 비지니스 로직은 하위하위에 wedgets, util 폴더를 추가로 포함시킵니다.

  7. util :앱 전체에 사용되는 비지니스 로직을 저장합니다.

  8. widgets : 앱 전체에 사용하는 공용 위젯 파일을 저장합니다.

  9. 기타 : main.dart 및 routes.dart 파일은 lib 아래에 보관합니다.

Flutter 폴더 구조