[Flutter] (Project) MapleApp: 1. 프로젝트 시작

최근 NEXON에서 Open API를 제공함과 동시에 Flutter로 Application을 제작하기로 생각했습니다.

 

실질적으로 Flutter에서 API를 요청하고 결과 값을 얻어오며 솔 프로젝트를 진행해도 될 몸집의 프로젝트 였기에 마음을 다잡았습니다. 

 

Flutter를 활용해서 Application을 제작하는 과정을 담아가려하고, 그 속에서 Flutter를 개발하시는 분들이 비슷한 상황을 겪고있을 때 도움이 되기를 바라면서 칼럼을 써가겠습니다.

 

이번 포스터에서는 기본적인 프로젝트 세팅을 어떻게 진행했는지 알려드리겠습니다.

 

🐇 Project Setting

프로젝트를 시작하기 앞서, 어떤 구조로 프로젝트를 설계했는지 간단하게 보여드리려 한다.

 

🥕 Make Folder and Files

전체적인 내용을 담고 있진 않지만, 큰 틀을 보여드리는 느낌으로 받아주셨으면 좋겠다.

🍒 config

Static, Color, enum 등 다양한 상수를 포함 시켰다.

🍒 page(page_widget)

Router를 통해 이동할 페이지와, 페이지 내에서 사용할 Widget을 포함 시켰다.

🍒 container

Router나 Widget이 공용으로 사용하는 MainPage를 담아 놓는다 보시면 편하다.

🍒 provider

(Async)Notifier와 (Async)NotifierProvider를 구현한 Class를 포함 시켰다.

🍒 model

각 page에서 다양하게 사용될 DAO Class를 구현하여 포함 시켰다.

🍒 util

Router 등의 Framework와 Library를 구현하여 포함 시켰다.

🍒 widget

Main에서 사용하는 Widget과 전체 page에서 공용으로 사용되는 Widget을 포함 시켰다.

🍒 assets

프로젝트에서 사용될 사진, 더미데이터, 폰트 등이 담길 공간이다.

 

 

🥕 Framework and Library Download

프로젝트를 진행하기 위해 어떤 Framework와 Library를 다운로드 하면서 시작했는지 명령문과 함께 보여드리려 한다. Library는 추후 개발을 진행하면서 더 추가될 수 있다.

🍒flutter pub add flutter_riverpod

🍒flutter pub add go_router

🍒flutter pub get

🍒flutter pub outdated

🍒flutter pub upgrade --major-versions

 

앞으로 MapleApp과 관련된 내용은 개인의 개발 일지라고 생각해주시면 좋겠다. 순차적으로 어떤 개발을 진행했고, 그 과정에서 무엇을 중요시 했는지, 새로운 방법은 무엇이 있는지, 내가 어떤 것을 학습했는지 등에 대해 기술해 가겠다.