[앱 개발 기초] Mac 개발 환경 설정: CocoaPods 설치 및 iOS 시뮬레이터 실행 (명령 프롬프트 첨부 파일 제공)

 

 

목차

---

Ⅰ. 서론: Android Studio & VS Code가 필요한 이유

📌 1. Android Studio란? Flutter 개발에서 필요한 이유

📌 2. VS Code란? 가벼운 Flutter 개발 환경

 

Ⅱ. 본론: Mac에서 Android Studio 및 VS Code 설정하기

📌 1. Step 1: Android Studio 다운로드 및 설치

📌 2. Step 2: Android SDK 및 가상 기기(AVD) 설정

📌 3. Step 3: VS Code 다운로드 및 Flutter 플러그인 설치

 

Ⅲ.  결론: Android Studio & VS Code 설정 후 해야 할 일

📌 1. Flutter 프로젝트 실행 테스트

📌 2. 최적의 개발 환경 설정

 

 

 

Mac 개발 환경 설정:

Android Studio & VS Code 설정 🍏💻

 

Mac에서 Flutter 개발을

원활하게 진행하려면

Android Studio 및

VS Code를 설정해야 합니다.

Android Studio는

Android 앱 빌드 및 디버깅 도구,

VS Code는

가볍고 빠른 Flutter 개발을 위한

코드 편집기 역할을 합니다.

 

이번 포스팅에서는

Mac에서 Android Studio 및

VS Code를 설치하고

Flutter 개발을 위한

환경을 설정하는 방법을

단계별로 설명하겠습니다. 🚀

---

Ⅰ. 서론: Android Studio & VS Code가 필요한 이유 🤔

 

Android Studio란? 왜 Flutter 개발에서 필요할까?

 

Android Studio는 Google에서 제공하는

 Android 앱 개발을 위한 공식

IDE(통합 개발 환경)입니다.

 

Flutter에서 Android 앱을 

실행하고 디버깅하려면

 반드시 Android Studio를 

설치해야 합니다.

✅ Android Studio가 필요한 이유

• Android SDK 및 가상 기기(AVD) 제공
• Flutter 프로젝트와의 호환성 보장
• Flutter & Dart 플러그인 지원

---

VS Code란? 왜 Flutter 개발자들이 많이 사용할까?

 

VS Code는

가벼우면서도 강력한 기능을

제공하는 코드 편집기입니다.

Flutter 개발자들은

빠르고 직관적인 환경을 제공하는

VS Code를 선호합니다.

✅ VS Code가 좋은 이유

• 가볍고 빠른 실행 속도
• Flutter 및 Dart 플러그인 지원
• Hot Reload 및 코드 자동 완성 기능

---

Ⅱ. 본론: Mac에서 Android Studio 및 VS Code 설정하기 🔧

 

  Step 1: Android Studio 다운로드 및 설치

 

✅ 1) Android Studio 다운로드

1. Android Studio 공식 다운로드 페이지로 이동
2. macOS용 Android Studio 다운로드
3. 다운로드한 .dmg 파일 실행 후 응용 프로그램 폴더로 이동하여 설치

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

 

✅ 2) Android Studio 설치 과정

1. "Next" 버튼을 눌러 설치 진행
2. Android SDK, Android Virtual Device(AVD) 옵션 체크 후 설치
3. 기본 설정 완료 후 "Finish" 버튼 클릭

 

 

✅ Android Studio가 정상적으로 실행되는지 확인하세요!

 

---

Step 2: Android SDK 및 가상 기기(AVD) 설정

 

✅ Flutter에서 Android 앱을 실행하려면 Android SDK와 가상 기기(에뮬레이터)를 설정해야 합니다.

 

✅ 1) Android SDK 설치 확인

1. Android Studio 실행
2. "More Actions > SDK Manager" 클릭
3. "Appearance & Behavior > System Settings > Android SDK" 이동
4. "SDK Platforms" 탭에서 "Android 13 (Tiramisu)" 이상 체크 후 설치
5. "SDK Tools" 탭에서 다음 도구 체크 후 설치
   • Android SDK Build-Tools
   • Android Emulator
   • Android SDK Platform-Tools

 

✅ 2) 가상 기기(AVD) 설정

1. Android Studio 실행 후 "Device Manager" 이동
2. + Create Virtual Device 클릭
3. Pixel 6 또는 원하는 기기 선택 후 "Next" 클릭
4. "System Image" 선택 (API 33 이상 권장)
5. 설정 완료 후 Finish 클릭
6. ▶ 버튼을 눌러 에뮬레이터 실행 테스트

 

✅ 에뮬레이터가 정상적으로 실행되면 Android 설정 완료! 🎉

---

Step 3: VS Code 다운로드 및 Flutter 플러그인 설치

 

 

✅ Flutter 개발을 위해 VS Code를 설치하고, Flutter 플러그인을 설정해야 합니다.

 

✅ 1) VS Code 다운로드 및 설치

1. VS Code 공식 다운로드 페이지로 이동
2. macOS용 VS Code 다운로드
3. 다운로드한 .zip 파일을 실행하여 응용 프로그램 폴더에 이동

Visual Studio Code - Code Editing. Redefined

 

✅ 2) VS Code에서 Flutter 및 Dart 플러그인 설치

1. VS Code 실행
2. "확장(Extensions)" 아이콘 클릭 (Cmd + Shift + X 단축키 사용 가능)
3. 검색창에 Flutter 입력 후 Flutter 플러그인 설치
4. 검색창에 Dart 입력 후 Dart 플러그인 설치
5. 설치 완료 후 VS Code를 재시작

 

✅ Flutter 및 Dart 플러그인이 정상적으로 설치되었으면 완료! 🎉

 

---

Ⅲ. 결론: Android Studio & VS Code 설정 후 해야 할 일 ✅

 

Flutter 프로젝트 실행 테스트

 

✅ Flutter 프로젝트를 실행하여 Android Studio와 VS Code가 제대로 작동하는지 확인하세요.

1) Flutter 프로젝트 생성

flutter create my_app
cd my_app

flutter create my_app.txt

0.00MB

 

2) Android 에뮬레이터에서 실행

flutter run -d emulator

 

3) iOS 시뮬레이터에서 실행

flutter run -d ios

 

✅ Flutter 앱이 정상적으로 실행되면 Android Studio & VS Code 설정 완료! 🎉

---

최적의 개발 환경 설정

 

✅ Flutter Doctor 실행하여 환경 점검

flutter doctor

✅ 에러 메시지가 있다면, 해결 후 다시 실행

✅ Flutter 개발을 위한 추천 설정

• VS Code 테마 변경 (Cmd + Shift + P > Preferences: Color Theme)
• Flutter 코드 자동 완성 활성화
• Android Studio 및 VS Code의 단축키 익히기

---

🎯 마무리: Android Studio & VS Code 설정 완료! 🎉

 

이제 Mac에서 Android Studio와

VS Code를 활용한

Flutter 개발 환경이 완성되었습니다!

 

 

✅ Android Studio 설치 및 Android SDK 설정 완료
✅ Android 에뮬레이터(AVD) 설정 완료
✅ VS Code 설치 및 Flutter 플러그인 설정 완료
✅ Flutter 프로젝트 실행 및 디버깅 테스트 완료

더 궁금한 점이 있다면 

댓글로 언제든 질문해 주세요! 🎯