0. 환경 설정, 개요

1. 개발 환경

• Visual Studio Code 1.75.1
• Flutter 3.7.12
• Android Studio Flamingo March 31, 2023

 

2. 사용 도구

플러터 앱

• Flutter & Dart
• Cupertino_Icons
• Lottie
• Carousel_Slider
• Dots_Indicator
• Http
• Gradient_Borders
• Shared_Preferences
• Flutter_Spinkit
• Path
• Http_Parser
• Geolocator
• Image_Cropper
• Flutter_Dotenv
• Firebase_In_App_Messaging
• Flutter_Local_Notifications
• Flutter_Launcher_Icons
• Flutter_Svg
• Flutter_Animate
• Vector_Math
• Gallery_Saver
• Animated_Text_Kit
• Another_FlushBar
• AudioPlayers
• Kakao_Flutter_SDK

외부 API

• ChatGPT4
• Deep_Art_Effects
• Google_Cloud_Vision
• Papago
• KakaoMap
• Deep_Art_Effects

서버

• Backend Server
• StableDiffusion Server

기타

• SoundRaw

 

3. 배포 환경

• Google PlayStore
• Certbot
• Nginx
• Docker
• Jenkins

 

4. 작업 방식

1. Figma 와이어프레임 제작

2. Figma MockUp 제작
3. 기능 단위 개발

4. 재사용 요소 컴포넌트화, API Service 분리

5. Android Device 이용하여 테스트

6. Google PlayStore 출시/업데이트

 

5. 기능 구현 방식

상태 : 클래스 내부 변수 및 setstate 메서드 이

이벤트 : initState 메서드 혹은 GestureDetector의 onTap 속성 이용

 

6. 디자인 구현 방식

MaterialApp 내부에서 Flutter 기본 제공 컴포넌트 이용(Row, Col, Gap 등)