이번 포스팅에서는 맥북에서 Android 및 iOS 앱을 만들기 위한 Flutter 개발 환경 및 인텔리제이 설정에 대해서 알아보겠습니다.

시스템 요구 사항

Flutter 개발을 위한 최소 시스템 요구사항은 다음과 같습니다.

• 운영 체제: MacOS 11 (Big Sur) 이상 ( 최신 버전 권장 )
• CPU: 최소 4 Core ( 8Core 권장 )
• RAM: 최소 8GB ( 16GB 권장 )
• 디스크 공간: 최소 44GB의 여유 공간 ( 70GB 이상 권장 )
• 해상도: 최소 WXGA(1366×768) 이상의 화면 해상도 ( 1928×1080 권장 )

Flutter SDK 설치

Flutter SDK 다운로드 및 설치

Flutter를 설치하려면 다운로드 페이지에서 Flutter SDK 파일을 다운로드하고 원하는 폴더에 압축을 해제합니다.

1. 최신 버전 또는 프로젝트에서 사용하는 버전을 다운로드 합니다.
2. 원하는 위치에 폴더를 생성 후 해당 폴더에 압축을 풀면 설치가 완료됩니다.
   공식 가이드에서는 ~/development 폴더를 권장합니다.

Flutter 경로 추가

터미널에서 Flutter 명령을 실행하기 위해서 ~/.zshrc 파일 맨 뒤에 PATH 환경 변수에 Fultter 경로를 추가하고, source ~/.zshrc 명령으로 새로고침 합니다.

export PATH=$HOME/development/flutter/bin:$PATH

정상적으로 PATH 경로가 등록 되었는지 확인해보겠습니다.

flutter --version

Flutter 3.19.6 • channel stable • https://github.com/flutter/flutter.git

Flutter 개발 환경 구성 – Android

안드로이드(Android) 앱을 개발하기 위해서는 Android Studio를 먼저 설치해야 합니다.

Flutter 개발 환경 구성 – iOS

iOS 앱을 개발하기 위해서는 Xcode 및 CocoaPods를 설치해야 합니다.

인텔리제이(IntelliJ) 설정

Flutter 개발을 위한 인텔리제이(IntelliJ) 설정을 해보겠습니다. ( IntelliJ IDEA 2024.3.3.1 버전 기준 )

플러그인 설치

[설정] > [플러그인] 메뉴에서 Dart, Flutter를 설치합니다.

플러그인 설치 완료 후 IntelliJ를 재시작합니다.

신규 프로젝트 생성

IntelliJ에서 신규 프로젝트를 생성하면 아래 그림과 같이 Flutter이 추가된 것을 확인할 수 있습니다. Flutter SDK Path에 Flutter 경로를 설정하고, 프로젝트를 생성하면 됩니다.

기존 프로젝트 추가

기존 Flutter 프로젝트가 있는 경우 [설정] > [언어 및 프레임워크] > [Flutter] 메뉴에 가면 Flutter SDK Path를 설정할 수 있습니다.

마치며

맥북에서 Flutter 개발 환경 설정을 완료했습니다. 이제 크로스 플랫폼으로 Android 앱 개발 및 iOS 앱 개발을 시작해보겠습니다.

이번 포스팅에서는 인텔리제이 버전 및 가격 정책 그리고 맥북에 인텔리제이를 설치하는 방법에 대해서 알아보도록 하겠습니다.

인텔리제이 버전 및 가격 정책

인텔리제이에서 제공하는 버전은 다음과 같습니다.

• IntelliJ IDEA CE (Community Edition)
• IntelliJ IDEA (Ultimate) – 학생 무료

CE 버전과 Ultimate 버전은 다른 버전으로 맥북에서는 둘 다 설치해 사용할 수 있습니다. 간단한 코드를 작성하는 것은 CE 버전을 사용해도 되지만 인텔리제이를 사용하는 의미가 많이 퇴색되기 때문에 가능하면 Ultimate 버전을 사용하는 것을 추천합니다.

Ultimate 버전은 라이선스 만료 후에도 라이선스 기간 내에 릴리스 된 버전은 평생 사용할 수 있습니다. 사실 기능이 크게 업그레이드 되는게 아니면 꼭 최신 버전을 사용하지 않아도 충분합니다. 그리고 학생은 무료입니다.

인텔리제이는 Java, Kotlin, JavaScript, TypeScript, Rust,, Dart 등 다양한 언어를 지원하고 있으며, Spring, Spring Cloud, J2EE 등 Java에서 사용하는 Framework 뿐만 아니라 React, ReactNative, Node.js 등의 FE Framework 도 지원하고 있습니다.

만약 FE 개발만 한다면 WebStorm도 좋은 대안이 될 수 있습니다.

저는 인텔리제이를 통해 Java, React, Reat Native를 개발하는데, 이클립스나 Visual Studio Code 보다 더 편하고 좋습니다.

인텔리제이(IntelliJ) 설치

인텔리제이 설치는 공식 사이트에서 다운로드 받아 설치하거나 Homebrew를 통해 설치할 수 있습니다. 저는 Homebrew를 통해서 인텔리제이를 설치하겠습니다.

Homebrew를 통해 CE 버전과 Ultimate 버전을 설치할 수 있습니다. 저는 Ultilate 버전을 설치하겠습니다.

# Intellij IDEA CE 설치
brew install intellij-idea-ce

# Intellij IDEA Ultimate 설치
brew install intellij-idea

==> Downloading https://download.jetbrains.com/idea/ideaIU-2024.2.1-aarch64.dmg
==> Downloading from https://download-cdn.jetbrains.com/idea/ideaIU-2024.2.1-aar
######################################################################### 100.0%
==> Installing Cask intellij-idea
==> Moving App 'IntelliJ IDEA.app' to '/Applications/IntelliJ IDEA.app'
==> Linking Binary 'idea' to '/opt/homebrew/bin/idea'
🍺  intellij-idea was successfully installed!

기본 단축키

• Search Everywhere ( ⇧ + ⇧ ) : 시프트 키를 두 번 누르면 아래와 같이 모든 것을 찾아주는 검색 창이 팝업 됩니다.

• Go to File (⇧ + ⌘ + O) : 파일을 찾을 때 사용합니다.
• Rectent Files (⌘ + E) : 최근에 수정한 파일을 찾는데 사용합니다.
• Navigation Bar (⌘ + ↑) : 좌측 상단의 Navigation 메뉴를 이동할 때 사용합니다.

마치며

간단하게 인텔리제이 가격 정보를 알아보고 인텔리제이를 설치해보았습니다. 인텔리제이를 사용하여 효율적으로 개발했으면 좋겠습니다.

참고 자료