728x90
반응형
Flutter로 앱을 만들겠다고 결심했을 때, 내가 가장 먼저 떠올린 건 "어떤 앱을 만들지?"였다.
개발자라면 누구나 한 번쯤 만들어본다는 그 앱, 바로 게시판(Board)이다.
이 시리즈는 Flutter를 처음 시작하는 사람이 하나의 앱을 완성해나가는 과정을 함께 경험할 수 있도록 구성했다.
당신도 이제, 직접 게시판 앱을 만들 수 있다.
🔧 개발 환경 준비
Flutter 앱 개발을 위해 필요한 환경은 아래와 같다:
- Flutter SDK 설치 (Flutter 설치 가이드)
- Android Studio 혹은 VSCode 설치
- 안드로이드 에뮬레이터 또는 실기기
Flutter 설치 확인은 다음 명령어로 진행할 수 있다:
flutter doctor
정상적으로 설치되었다면 모든 항목에 체크(✔️) 표시가 되어야 한다.
📁 프로젝트 생성과 구조
다음 명령어로 새로운 프로젝트를 만든다:
flutter create flutter_board
프로젝트가 생성되면 아래와 같은 기본 구조를 볼 수 있다:
.
├── lib/
│ ├── main.dart
├── android/
├── ios/
├── pubspec.yaml
lib/main.dart는 앱의 시작점이고,
pubspec.yaml은 패키지를 관리하는 설정 파일이다.
📌 우리가 만들 게시판 앱 구성
앞으로 만들 게시판 앱은 다음과 같은 기능을 가질 예정이다:
- 홈 화면에서 게시글 리스트 출력
- 글 작성 (제목 + 내용)
- 글 상세 보기
- 글 삭제 및 수정
- 간단한 상태 관리
- Firebase 또는 SharedPreferences를 활용한 데이터 저장
처음에는 로컬에 데이터를 저장하고, 이후 Firebase 연동까지 도전해볼 예정이다.
🚀 다음 글 미리보기
다음 글에서는 실제 앱의 첫 화면을 구성하며, 기본 레이아웃을 만들어볼 예정이다.
Flutter의 Scaffold
, AppBar
, BottomNavigationBar
를 이용해 뼈대를 구성해보자!
✍️ 이 글은 터미널 밖으로 나온 개발자의 Flutter 앱 만들기 여정입니다.
728x90
반응형
'Flutter > Flutter 게시판 앱 만들기' 카테고리의 다른 글
Flutter 게시판 앱 만들기 — TextField와 Form으로 완성하는 입력 폼 (0) | 2025.05.20 |
---|---|
Flutter 게시판 앱 만들기 — 감성을 더한 부드러운 움직임 만들기 (0) | 2025.05.20 |
Flutter 게시판 앱 만들기 — Navigator 완전 정복 🌈 (0) | 2025.05.20 |
Flutter 게시판 앱 만들기 — 반복되는 위젯을 더 똑똑하게 그리는 법 (0) | 2025.05.20 |
Flutter 게시판 앱 만들기 — Scaffold, AppBar, BottomNavigationBar 완전 이해하기 (0) | 2025.05.20 |