[flutter][GetX] 플러터 프로젝트 GetX로 겟-하기 - 1편, CLI

👋

요즘 핫하다는,,, GetX를 사용해서 프로젝트를 하나 시작하게 되었습니당~

(야호)

그래서 GetX + Flutter 2.xx를 기준으로 해서 포스팅을 해볼까해요!

 

 

먼저, GetX가 무엇인지 한번 알아봅시다!

GetX  : extra-light and powerful solution

high-performance state management, intelligent dependency injection, and route managemen

 

- 한글화 MD 링크
- 공식 MD 링크

GetX는 상태관리, 의존성 주입, 라우트를 가볍게 관리하는 솔루션입니다.

개발을 하다보면 컨트롤러에 해당하는 코드가 비대해지는 경우가 많은데요,
GetX는 이러한 컨트롤러를 조직화 하여 뷰-비즈니스로직-종속성 주입-네비게이션을 완전히 분리해서 관리한다고 합니다.

또, 리소스를 사용하지 않으면 메모리를 해제시켜준다고하네요!

정말,,, BLoC 패턴을 사용하면서 비즈니스 로직이랑 DI 코드가 막 뒤섞여 알아보기 힘들었는데 ㅜㅜ 빛-같은 겟엑스가 이를 해결해줄 수 있을지 궁금하네요!

VSCode와 AndroidStudio, Intellij 플러그인도 지원한다니 정말 사랑입니다💜
(요즘 나오는 기술들은 이런 서포트 플러그인들도 같이 나와서 정말 편한 것 같아요,..!)

 

그럼, 소개는 여기까지 하고 본격적으로 프로젝트를 만들어보겠습니다.

 

 

GetX  시작하기

 

GetX 설치

Flutter SDK를 설치 한 경우, 다음과 같은 커멘트를 사용하여 설치해준다.

pub global activate get_cli

 

설치가 완료되면, 플러터에 get_cli를 활성화 시켜주자.

flutter pub global activate get_cli

 

만약 설치하는 과정에서 다음과 같은 오류가 뜬 경우, 환경설정을 해줘야한다.

 

오류 전문:

Warning: Pub installs executables into $HOME/flutter/sdk/flutter/.pub-cache/bin, which is not on your path.
You can fix that by adding this to your shell's config file (.bashrc, .bash_profile, etc.):

  export PATH="$PATH":"$HOME/flutter/sdk/flutter/.pub-cache/bin"

Activated get_cli 1.4.5.

 

오류의 내용은 .pub-cache/bin이 환경변수로 설정되지 않았다는 내용인데, 늘~ 그래왔듯이 설정해주면 된다.
(개발자라면 환경변수 설정에 익숙해져야하는 ...!)

그럼 환경변수 설정하러 고고!

vi ~/.zshrc
export PATH="$PATH":"$HOME/flutter/sdk/flutter/.pub-cache/bin" 

(워닝에 있는 코드 삽입 후) 
source ~/.zshrc

 

열심히 환경변수를 설정해준다.

get_cli가 활성화 되었으면 설치가 정상적으로 된 것이다!!🔥

 

GetX 시작하기

 

설치가 완료되었으면, 프로젝트 생성하는 커멘트를 입력해서, 생성해준다.

get create project:"프로젝트이름" // 나의경우 bigInUs로 설정하였다.

 

설정하면, 프로젝트 기본 셋팅에 관해서 이것저것 물어본다. 본인의 취향(?)에 맞게 설정해주면 된다.

[프로젝트 기본 설정사항]
1. 프로젝트 이름(domain)
2. iOS/Adnroid 사용 언어 
3. Dart null-safe 사용여부
4. Dart Linter 

 

설정이 완료되면 다음과 같이 프로젝트 파일들이 생성된다.

 

GetX 프로젝트의 기본 구성을 generate 하기 위해 다음과 같은 커멘드를 입력해준다.

get init

 

 

home 모듈이 새로 생성된 것을 확인할 수 있는데,

이 modules.home은 3가지 파일로 구성되어 있다.
- bindings
- controllers
- views

익숙한 단어들도 있지만, 어느 파일이 어떤 쓰임을 가져야하는지 아직 감이 안 온다...
그래서, 다음 포스팅에는 GetX 프로덕트의 파일 구조와, 파일들에 대해서 다뤄볼 생각이다! (벌써부터 설렘)

 

파일 구조를 확인 하였으면, 간단하게 Run 해보자!

home_view.dart 파일이 처음으로 렌딩되어 보여지는 것을 확인 할 수 있다.

 

 

 

-
참고

https://kheronn-machado.medium.com/getx-cli-creating-artifacts-with-the-command-tool-dfc3e3c036bc

https://github.com/jonataslaw/get_cli