1강: Flutter란 무엇인가? – 기본 개념과 설치

앱 개발에 관심이 있다면, 최근 많이 언급되는 “플러터(Flutter)”를 들어봤을 거야. 플러터는 하나의 코드베이스로 Android, iOS, , 그리고 데스크탑 앱을 한 번에 개발할 수 있는 강력한 개발 도구야. 플러터를 사용하면 개발 시간을 크게 줄일 수 있어서, 특히 스타트업이나 개인 개발자들이 선호해. 오늘은 플러터가 무엇인지, 왜 이 도구가 인기를 얻고 있는지, 그리고 어떻게 설치할 수 있는지 함께 알아보자.


Flutter의 탄생과 개념

플러터는 구글에서 개발한 오픈소스 UI 개발 키트(Software Development Kit, SDK)야. SDK는 쉽게 말해 소프트웨어를 개발할 수 있도록 여러 툴과 라이브러리를 모아 놓은 패키지야. 플러터의 가장 큰 특징은 “단일 코드베이스”로 여러 플랫폼을 지원한다는 점이야. 보통 iOS와 Android 앱을 각각 개발하려면, 두 가지 다른 언어와 개발 환경을 다뤄야 해. 그런데 플러터를 사용하면 하나의 코드로 여러 플랫폼에서 작동하는 앱을 만들 수 있는 거지.

구글은 플러터를 처음에는 구글의 광고 플랫폼인 AdWords의 UI를 구축하기 위해 만들었어. 그러다가 이 툴의 가능성을 보고 점차 발전시켜, 지금은 전 세계의 많은 개발자들이 사용하는 주요 개발 도구로 자리 잡았지.

플러터의 장점

플러터는 단순히 여러 플랫폼을 지원할 뿐 아니라, 개발자가 쉽게 UI를 다룰 수 있는 위젯(widget) 기반의 시스템을 제공해. 플러터에서는 텍스트, 버튼, 이미지, 레이아웃 모두가 위젯으로 구성돼 있어, 마치 레고 블록처럼 작은 조각들을 쌓아 원하는 UI를 만드는 방식이야. 덕분에 초보자도 쉽게 배우고, 전문가도 유연하게 디자인할 수 있어.

또 다른 강점은 핫 리로드(Hot Reload) 기능이야. 코드의 변경 사항이 실시간으로 반영되기 때문에 앱을 다시 시작하지 않고도 새로운 기능이나 디자인을 바로바로 확인할 수 있어. 개발 시간과 비용이 줄어들고, 오류를 빠르게 수정할 수 있어서 개발 과정이 더 수월해지지.

Flutter의 기반 언어 – Dart

플러터는 다트(Dart) 라는 언어로 작성돼. 다트는 구글에서 만든 언어로, 직관적이고 배우기 쉬운 문법을 갖고 있어. 처음에는 조금 낯설 수 있지만, 자바스크립트와 비슷한 문법을 가지고 있어서 빠르게 익힐 수 있을 거야.

플러터 설치 준비하기

이제 플러터 설치를 시작해 보자. 다음 단계를 따라가면 쉽게 플러터를 설치하고 개발 환경을 설정할 수 있어.


Flutter 설치 방법

Step 1: Flutter SDK 다운로드

  1. Flutter 공식 사이트로 가서 Download Flutter 버튼을 찾아 클릭해.
  2. 운영체제에 맞는 버전을 선택하고, 설치 파일을 다운로드해.
  3. 다운로드한 압축 파일을 적절한 위치에 풀어줘. C:\src\flutter 폴더 위치에 설치하는 것을 추천해.

Step 2: 환경 변수 설정하기
Windows 사용자라면, Flutter SDK의 경로를 시스템 환경 변수에 추가해야 해.

  1. ‘내 컴퓨터’에서 마우스 오른쪽 버튼을 클릭하고, 속성을 선택해.
  2. 왼쪽 메뉴에서 고급 시스템 설정 > 환경 변수로 이동해.
  3. 시스템 변수에서 ‘Path’를 찾아 편집을 눌러.
  4. 플러터가 설치된 경로 (예: C:\src\flutter\bin)를 추가해 줘.

Step 3: 플러터 설치 확인
이제 설치가 제대로 됐는지 확인해 보자.

  1. 명령 프롬프트(CMD) 또는 터미널을 열고 flutter doctor 명령어를 입력해.
  2. flutter doctor는 설치 상태를 점검하고 필요한 추가 사항을 안내해 줄 거야. 이 명령어를 통해 개발 환경 설정이 잘 되었는지 확인할 수 있어.

IDE 설치 – Visual Studio Code 또는 Android Studio

플러터 개발을 하려면 **IDE(통합 개발 환경)**가 필요해. 비주얼 스튜디오 코드(Visual Studio Code)와 안드로이드 스튜디오(Android Studio)가 대표적이야. 둘 중 편한 것을 선택해 설치하면 돼.

  1. Visual Studio Code: 가볍고 사용하기 쉬워서 추천하는 IDE야. ‘Extensions’ 메뉴에서 플러터와 다트 플러그인을 설치해주면 플러터 개발 준비가 끝나.
  2. Android Studio: 구글에서 만든 공식 IDE로, 다트와 플러터 플러그인을 추가로 설치해주면 돼. 안드로이드 에뮬레이터 기능도 함께 제공하니, 안드로이드 디바이스에서 바로 테스트할 수 있어.

플러터 설치 마무리

이제 기본적인 설치가 완료되었어. flutter doctor를 다시 실행해서 모든 것이 잘 설정됐는지 확인해 보자. 이 명령어를 실행했을 때, 설치 상태가 모두 체크되고, 필요한 추가 항목이 있다면 안내가 뜰 거야.

설치와 환경 설정이 완료됐다면, 이제 플러터의 첫 번째 앱을 만들 준비가 된 거야! 다음 강의에서 간단한 “Hello, Flutter!” 앱을 만들어 보면서 플러터의 기초를 배워보자.