[IT개념] 플루터(Flutter)

플루터(Flutter)는 Google에서 개발한 오픈 소스 UI 소프트웨어 개발 키트입니다.

또한 크로스 플랫폼 개발의 강력한 도구로, 다양한 플랫폼에 걸쳐 일관된 사용자 경험을 제공하는 애플리케이션을 만들 수 있는 유용한 프레임워크입니다.

주로 모바일 애플리케이션을 위한 것이지만, 웹, 데스크톱 애플리케이션까지 확장 가능합니다.

 

💎 개념

플루터는 단일 코드베이스로 다양한 플랫폼에서 네이티브 애플리케이션을 구축할 수 있도록 해주는 프레임워크입니다. Dart라는 프로그래밍 언어를 사용하여 작성되었으며, 고성능의 그래픽 엔진(Skia)을 사용하여 부드러운 애니메이션과 고퀄리티의 UI를 제공합니다.

💎 특징

1. 단일 코드베이스: 하나의 코드로 Android, iOS, 웹, 데스크톱 애플리케이션을 모두 만들 수 있습니다.
2. 위젯 기반 구조: 모든 UI 컴포넌트가 위젯으로 구성되어 있어, 재사용성과 구성 요소화를 쉽게 할 수 있습니다.
3. 핫 리로드(Hot Reload): 코드를 변경한 즉시 애플리케이션에 반영되어 빠른 개발과 디버깅이 가능합니다.
4. 고성능: 네이티브 성능에 가까운 애플리케이션을 만들 수 있습니다.
5. 다양한 위젯: 아름답고 직관적인 디자인을 위한 다양한 기본 위젯과 커스터마이징 가능 위젯을 제공합니다.

💎 장단점

장점

• 크로스 플랫폼 개발: 단일 코드베이스로 다양한 플랫폼에 배포할 수 있어 개발 비용과 시간을 절감할 수 있습니다.
• 빠른 개발 속도: 핫 리로드 기능을 통해 빠르게 코드를 테스트하고 수정할 수 있습니다.
• 다양한 UI: 구글의 머티리얼 디자인뿐만 아니라 애플의 쿠퍼티노 디자인을 지원하여 다양한 스타일의 애플리케이션을 쉽게 개발할 수 있습니다.
• 커뮤니티와 플러그인: 활발한 커뮤니티와 풍부한 플러그인을 통해 다양한 기능을 쉽게 추가할 수 있습니다.

단점

• 앱 크기: 기본적으로 생성되는 앱의 크기가 비교적 큽니다.
• 복잡한 로직 처리: 복잡한 애니메이션이나 네이티브 기능을 구현할 때 다트 언어에 익숙해져야 하고, 경우에 따라 네이티브 코드로 작성해야 할 수도 있습니다.
• 지속적인 업데이트 필요: 플루터와 Dart는 지속적으로 업데이트되므로, 최신 버전으로 유지해야 합니다.

 

💎플루터 설치 및 설정

플루터는 기존 IDE에 SDK처럼 설치하여 사용하는 방식입니다.

플루터 SDK를 설치하고, 이를 통해 여러 IDE에서 플루터 프로젝트를 관리하고 개발할 수 있습니다.

다음은 플루터를 설치하고 사용하는 방법에 대한 개요입니다.

 

1. 플루터 SDK 다운로드 및 설치
   • 플루터 공식 웹사이트에서 운영 체제에 맞는 플루터 SDK를 다운로드합니다.
   • 압축을 해제한 후, 환경 변수(PATH)에 플루터 실행 파일 경로를 추가합니다.
2. IDE 설정
   • Android Studio:
     • Android Studio를 설치합니다.
     • 플러그인 관리 메뉴에서 Flutter 플러그인을 검색하여 설치합니다. 이 플러그인은 플루터와 Dart 개발 환경을 제공합니다.
     • 플루터 플러그인을 설치하면 Dart 플러그인도 자동으로 설치됩니다.
   • Visual Studio Code (VS Code):
     • VS Code를 설치합니다.
     • 확장 기능 마켓플레이스에서 Flutter 및 Dart 확장 기능을 설치합니다. 이 확장 기능은 플루터와 Dart 개발을 지원합니다.
3. 플루터 프로젝트 생성
   • 플루터가 설치된 후, 터미널 또는 명령 프롬프트에서 flutter create project_name 명령어를 사용하여 새로운 플루터 프로젝트를 생성합니다.
   • 생성된 프로젝트 디렉토리를 IDE에서 열어 개발을 시작합니다.

 

💎 플루터 개발 환경 설정

• 핫 리로드(Hot Reload) 및 핫 리스타트(Hot Restart):
  • 플루터의 중요한 기능 중 하나로, IDE 내에서 코드 변경 후 저장하면 즉시 변경 사항이 애플리케이션에 반영됩니다.
  • VS Code에서는 Ctrl + S 또는 Cmd + S로 핫 리로드를 실행할 수 있습니다.
  • Android Studio에서는 플러터 툴바의 번개 모양 아이콘을 클릭하여 핫 리로드를 실행할 수 있습니다.
• 에뮬레이터 및 디바이스 설정:
  • Android Studio에서는 내장된 AVD(안드로이드 가상 디바이스) 관리자에서 에뮬레이터를 설정하고 실행할 수 있습니다.
  • VS Code에서는 flutter devices 명령어로 연결된 디바이스 목록을 확인하고, flutter run 명령어로 애플리케이션을 실행할 수 있습니다.

플루터는 기존의 IDE에 플러그인과 확장을 통해 통합되며, 개발자는 이를 통해 효율적으로 멀티플랫폼 애플리케이션을 개발할 수 있습니다.

SDK 설치 및 환경 설정이 완료되면, 플루터의 다양한 기능을 활용하여 빠르고 일관된 사용자 경험을 제공하는 애플리케이션을 개발할 수 있습니다.