Dart 번외 : IDE 선택하기 + 설치

 

 11일차 까지는 Dart만 설치해서 notepad로 학습을 진행했고, 앞으로는 http 요청 및 API 연동, 그리고 각 패키지들을 활용해서 조금더 깊이 Dart를 알아보기 위해서 IDE를 설치해서 진행을 해보자.

 

 우선 Dart를 하는 이유는 flutter 를 개발하기 위해서이고, 보통 대부분의 사람들이 VSCode / Android Studio / intelli J 3개 중 하나의 IDE를 선택해서 진행한다.

 

📌 VSCode vs IntelliJ IDEA vs Android Studio 비교 ( Flutter 개발 기준 )

VSCode, IntelliJ IDEA, Android Studio 모두 Flutter 개발을 지원하지만 각기 다른 장점과 단점이 있다.
어떤 걸 선택할지 결정할 수 있도록 각 IDE의 장단점을 상세히 확인해보자.

---

 

✅ 비교표: VSCode vs IntelliJ IDEA vs Android Studio

기능	VSCode	IntelliJ IDEA	Android Studio
설치 용량	가벼움 (~300MB)	중간 (~1GB)	무거움 ( 20GB 이상 )
Flutter 지원	플러그인 설치 필요 (Flutter, Dart)	플러그인 설치 필요 (Flutter, Dart)	Flutter 공식 지원 (내장)
Flutter UI 디자인	코드 작성 (시각적 UI 없음)	코드 작성 (UI 빌더 없음)	Flutter UI Builder 제공 (드래그&드롭 가능)
안드로이드 네이티브 개발 지원	불가능	일부 가능	완벽 지원 (Kotlin, Java)
자동 완성 기능	보통 (기본 지원)	강력함 (JetBrains AI 추천)	기본 제공
디버깅 지원	기본 제공	강력한 디버깅 지원	Flutter DevTools 내장 (가장 강력함)
Hot Reload 지원	가능	가능	공식 최적화 (가장 빠름)
성능 분석 도구	제한적 (DevTools 필요)	제공 (Profiler)	Flutter DevTools 기본 내장
Golang, MSSQL 개발	가능 (플러그인 지원)	가능 (Golang, MSSQL 개발 최적화됨)	불가능
팀 개발 및 코드 분석	보통	최고 (리팩토링, 코드 분석 기능 강력함)	보통
추천 대상	Flutter 초보자, 가벼운 프로젝트	Flutter + 백엔드(Golang, MSSQL)까지 개발	Flutter + 안드로이드 네이티브 개발

---

✅ VSCode 장단점

 💡 👉 가볍고 빠른 Flutter 개발 환경을 원하면 VSCode 추천

✅ VSCode 장점

• 설치 용량이 작고 가벼움 → 빠른 실행 속도
• Flutter & Dart 플러그인만 설치하면 바로 개발 가능
• 다양한 언어(Flutter, Dart, Golang, MSSQL) 개발 가능
• 멀티 플랫폼 지원 (Windows, Mac, Linux 모두 가능)
• Hot Reload 지원 (Flutter 개발에 필수적)
• 무료로 사용 가능

❌ VSCode 단점

• Flutter UI 디자인 도구 없음 → 코드만으로 UI 개발해야 함
• Flutter 전용 기능이 부족 → Android Studio보다 디버깅/퍼포먼스 분석 도구 부족
• 네이티브(Android, iOS) 연동이 불편 → Kotlin, Java 개발 지원 없음
• Flutter 입문자 & 가볍게 개발하려면 VSCode 추천

---

✅ IntelliJ IDEA 장단점

💡 👉 Flutter와 함께 Golang, MSSQL 등 백엔드 부분까지 개발하려면 IntelliJ IDEA 추천

✅ IntelliJ IDEA 장점

• JetBrains AI 기반 자동 완성 (코드 추천이 강력함)
• 리팩토링, 코드 분석 기능 최강 → 대규모 프로젝트에 적합
• Dart & Flutter 플러그인 지원 (개발 최적화됨)
• Golang, MSSQL 등 다양한 언어 지원 → 백엔드까지 함께 개발 가능
• Flutter Debugging & Hot Reload 지원

❌ IntelliJ IDEA 단점

• Flutter UI 빌더 없음 → UI 설계를 코드로만 작성해야 함
• Android 네이티브 연동이 불편 → Kotlin, Java 개발 지원이 제한적
• 무료 버전 ( Community )에서는 일부 기능 제한
• Flutter + 백엔드(Golang, MSSQL)를 함께 개발하려면 IntelliJ IDEA 추천

---

✅ Android Studio 장단점

💡 👉 Flutter 앱을 전문적으로 개발하려면 Android Studio 추천

✅ Android Studio 장점

• Flutter 공식 IDE (Google 지원) → Flutter 최적화 환경 제공
• Flutter UI Builder 제공 → 코드 없이 UI를 시각적으로 설계 가능 (드래그&드롭 지원)
• Flutter DevTools 기본 내장 → Flutter 앱 성능 분석 및 디버깅 최적화
• Hot Reload 속도가 가장 빠름
• Android 네이티브 개발 (Java/Kotlin) 완벽 지원

❌ Android Studio 단점

• 설치 용량이 크고 무거움 (23GB) → 리소스 많이 차지
• Flutter 외 Golang, MSSQL 개발이 불편함
• Flutter 외 다른 언어(백엔드, 웹 등) 지원이 제한적
• 가장 큰 단점.... 노트북에서 돌릴 경우 발열이 엄청나서 엄청 시끄러움... 꼭 맥북에 유니티나 언리얼을 설치한 느낌이랄까??....?

✅ 👉 Flutter 앱만 집중 개발하거나, 안드로이드 네이티브 연동이 필요하면 Android Studio 추천

---

📌 최종 선택 가이드

• Flutter 입문자 & 가볍게 개발 → ✅ VSCode 추천
• Flutter + Golang + MSSQL 백엔드 개발 → ✅ IntelliJ IDEA 추천
• Flutter + 네이티브(Android) 연동 → ✅ Android Studio 추천

 

 

 우선 Flutter를 통해서 백엔드 개발까지 풀스택으로 목표로 한번 해보는거니까 IntelliJ IDEA로 진행을 해볼 것이다.

 그리고 우선 IntelliJ IDEA는 유료 버전을 이미 업무적으로 사용하고 있기 때문에...

 이미 설치되어있지만 설치가 안되어 있는 사람들이 있을 수도 있으니 설치 과정을 간략해서 작성해보고 우선 오늘은 해당 내용으로 마무리 할 예정이다.

 

반응형

---

 ✅ IntelliJ IDEA에서 Dart 개발 환경 설정 (Mac 기준)

1️⃣ IntelliJ IDEA 다운로드 및 설치

  1️⃣ IntelliJ IDEA 공식 사이트 접속
  2️⃣ 무료 버전(Community Edition) 다운로드
  3️⃣ .dmg 실행 후 설치 완료
  4️⃣ IntelliJ IDEA 실행

---

2️⃣ Dart 플러그인 설치 (IntelliJ에서 Dart 개발 가능하게 설정)

  1️⃣ IntelliJ 실행 후 Preferences (⌘ + ,) 또는 Settings (Ctrl + Alt + S) 열기
  2️⃣ Plugins 검색 후 클릭
  3️⃣ Dart 검색 후 설치
  4️⃣ (추가) Flutter도 사용할 계획이라면 Flutter 플러그인도 함께 설치
  5️⃣ IntelliJ 재시작

  ✅ Dart 플러그인이 설치되면 IntelliJ에서 Dart 프로젝트를 만들 수 있어!

---

3️⃣ IntelliJ에서 새로운 Dart 프로젝트 만들기

  1️⃣ IntelliJ IDEA 실행 후 New Project 클릭
  2️⃣ 왼쪽에서 Dart 선택
  3️⃣ Dart SDK 경로 설정 (자동 감지됨, 없으면 수동 입력)

/usr/local/bin/dart  # (Mac에서 Homebrew로 설치한 경우)

 

  4️⃣ 프로젝트 이름 설정 후 Create 클릭
  5️⃣ main.dart 파일을 열고 아래 코드 입력 후 실행

void main() {
  print("🚀 IntelliJ IDEA에서 Dart 실행 성공!");
}

 

  6️⃣ 상단 Run 버튼 (Shift + F10)을 클릭하여 실행

  ✅ 출력이 정상적으로 나오면 설정 완료!

---

4️⃣ IntelliJ에서 기존 Dart 파일 실행하기

  1️⃣ 기존 프로젝트(Open)에서 main.dart 파일 열기
  2️⃣ 상단 Run 메뉴 → Run 'main.dart' 클릭
  3️⃣ 또는 단축키 (Shift + F10) 실행
  4️⃣ 터미널에서 실행하려면

dart run main.dart

 

  ✅ Dart 코드가 정상 실행되면 설정 성공!

 

 

---

 이렇게 번외로 IDE를 선택하고 설치에 대해서 알아보았다. 추가 적인 내용이 필요한 경우에는 댓글을 요청드리고, 틀린 부분이 있다면 이것 또한 댓글로 알려주시면 수정하도록 하겠습니다!

---