플루터(Flutter) 소개 및 설치(환경 변수)

플루터(Flutter)?

Flutter는 Google이 개발한 오픈소스 FrameWork로 Single Codebase를 지원 합니다. 

Dart 언어 기반으로 개발 가능하며, iOS, Android, 웹, 데스크탑 앱까지 멀티플랫폼 앱을 개발할 수 있는 도구입니다. 

글만 보면 복잡해 보이지만 하나씩 뜯어보면 어렵지 않습니다. 

 

* 오픈소스 => Flutter 모든 정보가 오픈되어 있다는 뜻 입니다. 

* Single Codebase => 하나의 소스 코드로 여러 플랫폼을 커버 가능 하다는 뜻 입니다. 

 

2018년에 정식 출시하여 무서운 속도로 성장하여 시장에서 많은 영향력을 미치고 있습니다. 

경쟁자라고 할 수 있는 React Native를 후발 주자인 Flutter가 역전한 상황 입니다. 

그만큼 Flutter는 멀티플랫폼 환경의 강자로 떠오르고 있습니다. 

아래 지표는 23년 기준 시장 데이터 입니다. 

출처 => https://survey.stackoverflow.co/2024/technology#most-popular-technologies-misc-tech-prof

Technology | 2024 Stack Overflow Developer Survey

 

플루터(Flutter) 장점, 단점

가장 큰 장점은 크로스 플랫폼 개발이 가능하다는 부분 입니다. 

하나의 코드로 iOS, Android 등 여러가지 개발이 가능한데,

이는 기존에 각각의 언어를 학습하고 따로 개발해야하는 것에 비해 생산성을 비약적으로 상승 시켜 줍니다. 

Hot Reload 지원과 위젯으로 구성된 UI는 개발 속도를 한층 높여 줍니다. 

 

* Hot Reload => 코드를 수정한 뒤 앱을 재시작하지 않고도 변경 사항을 즉시 화면에 반영해주는 기능 입니다. 

* 위젯 => 컴포넌트와 같은 개념으로 화면의 모든 요소를 작은 단위의 위젯이라고 합니다. 카카오톡이라고 예를 들면 프로필 사진, 채팅방 목록, 하단의 메뉴들 등등 모든 것이 위젯 입니다. 

 

장점에 대해서만 말했지만 당연하게도 단점도 존재 합니다. 

Flutter는 멀티 플랫폼 개발이 가능하다고 말씀 드렸는데. 

실상 사용되는 부분은 앱 영역 이고 나머지 영역에서는 거의 사용하지 않습니다. 

 

* 웹 개발에 사용 안하는 이유
웹은 앱에 비해서 복잡한 프론트 영역을 가지고 있는데 위젯이 이를 구현하는데 어려움이 많습니다. 

Dart 언어의 낮은 인지도가 한 몫 합니다. 

기존 Java, C#, Python에 비해 상대적으로 낮은 사용층을 가지고 있고,

랜더링이 캔버스 기반이라 초기 로딩 속도가 느리고 SEO에 약점을 가지고 있습니다. 

 

* 게임 개발 및 데스크탑 앱에 사용 안하는 이유

사실 Flutter는 고사양 개발에는 어울리지 않는 기술 입니다. 

가볍고 빠른 개발에 강점이 있는 기술이기에 개발은 가능하지만 무거운 프로그램에는 적합하지 않습니다. 

 

위 같은 Flutter의 특징으로 인해서 앱 개발에 특화되어 있는 기술이라고 볼 수 있습니다. 

 

Flutter 설치

1. 구글에다가 Flutter라고 검색합니다. 

 

 

2. Get started 클릭

 

3. Flutter 사용하기 위해서는 SDK 설치가 필요합니다. 각자 OS 맞게 최신 버전의 SDK를 설치해주세요. 

 

4. Window 기준, 다운받을 파일을 C - 사용자 - 로그인ID - Documents 복사해서 압축을 풀어주세요. 

 

5. 압축이 완료되면 flutter 폴더가 보일텐데 들어간다음 bin 폴더에 들어간 상태에서 경로를 복사 합니다. 

그리고 검색창에 "환경" 이라고 검색하여 시스템 환경 변수 편집을 눌러주세요.

 

6. 환경 변수 -> Path 더블 클릭 -> 새로 만들기 선택 후, 아까 복사한 경로를 넣고 확인을 눌러줍니다. 

 

7. cmd 창을 열고 "flutter doctor"라고 입력합니다. 

그럼 기본적인 패키지 설치와 함께 현재 상태가 체크 됩니다. 

 

여기까지 하셨으면 flutter 설치 및 환경 설정까지 완료된 것 입니다.