여러분의 앱 개발 여정에 KTX를 태워드릴 일타 강사 저스틴입니다! 👨‍🏫

자, 상상해 보세요. 우리는 지금부터 세상에 없는 멋진 요리(앱)를 만들 거예요. 그러려면 최고의 ‘주방(개발 환경)’이 필요하겠죠? 저스틴만 믿고 따라오시면, 오늘 강의가 끝날 때쯤 여러분은 5성급 셰프의 주방을 갖게 될 겁니다! 그럼 시작해 볼까요? 🚀

STEP 1. 최고의 재료 준비: 플러터 SDK 다운로드

모든 요리의 시작은 신선한 재료죠. 플러터 개발의 핵심 재료는 바로 ‘SDK(소프트웨어 개발 키트)’입니다. 이건 플러터 공식 홈페이지라는 최고급 유기농 마켓에서 직접 공수해야 해요.

플랫폼 선택: 마켓에 가보니 사과(macOS)와 로봇(Windows) 코너가 있네요. macOS에서는 아이폰과 안드로이드 요리 둘 다 가능하지만, 윈도우에서는 안드로이드 요리만 가능하다는 점! 아주 중요한 포인트입니다.
내 컴퓨터에 맞게: M1 칩 같은 최신 주방기기를 쓴다면 ‘Apple Silicon’을, 아니라면 ‘Intel’ 버전을 받으면 됩니다.

자, 이제 메인 재료를 다운로드 폴더에 잘 받아뒀습니다!

Flutter 공식 Install

STEP 2. 주방 동선 정리: 환경 변수(PATH) 설정

자, 재료를 사 왔으면 우리 ‘수석 셰프(컴퓨터)’에게 재료를 어디에 뒀는지 알려줘야겠죠? “플러터라는 특제 소스는 저기 세 번째 선반에 있어!”라고 알려주는 과정이 바로 ‘환경 변수(PATH) 설정’이에요.

컴퓨터의 메모장(macOS의 경우 .zshrc 또는 .bash_profile 파일)을 열어서 “플러터 재료는 이 경로에 있으니 언제든 꺼내 써!”라고 한 줄 적어주는 것과 같아요.

export PATH="$PATH:[내가 압축 푼 플러터 폴더 위치]/bin"

1 2	export PATH="$PATH:[내가 압축 푼 플러터 폴더 위치]/bin"

자, 여기 별표 세 개! 🖍️ PATH를 입력할 때 등호(=) 양옆에 공백을 넣으면 절대 안 돼요! 이건 시험에 나옵니다! 이렇게 경로를 알려주고 터미널(요리사에게 명령을 내리는 무전기)을 재시작하면, 우리 셰프는 언제든 플러터라는 재료를 착착 꺼내 쓸 수 있게 됩니다.

STEP 3. 나만의 주방 스타일 선택: 조리 도구(IDE) 세팅

이제 본격적으로 요리를 할 ‘주방’을 고를 차례입니다. 주방에는 크게 두 가지 스타일이 있어요.

안드로이드 스튜디오: 모든 것이 갖춰진 ‘풀옵션 프로페셔널 레스토랑 주방’이에요. 화구, 오븐, 식기세척기까지 모든 게 빌트인으로 완벽하게 들어차 있죠.
비주얼 스튜디오 코드 (VS Code): 가볍고 빠르며 내 마음대로 꾸밀 수 있는 ‘커스터마이징 가능한 모던 키친’이에요. 기본 구조는 심플하지만, 내가 원하는 최신 가전(확장 프로그램)을 마음껏 들여놓을 수 있죠.

어떤 걸 선택하든 괜찮아요! 둘 다 훌륭한 주방이거든요. 이제 각각의 주방을 어떻게 세팅하는지 알려드릴게요.

3-1. 프로페셔널 키친 세팅 (안드로이드 스튜디오)

풀옵션 주방을 선택했다면, 여기에 ‘플러터 요리 전문’이라는 간판을 달아줘야 해요. 바로 ‘플러그인’을 설치하는 거죠. 안드로이드 스튜디오 설정의 ‘Plugins’ 메뉴에서 ‘Flutter’라고 검색하고 설치 버튼만 누르면 끝! 이제 우리 레스토랑 주방은 플러터 요리 레시피를 완벽하게 익히게 됩니다.

3-2. 모던 키친 꾸미기 (VS Code)

VS Code라는 나만의 공간을 골랐다면, 여기에 ‘플러터 멀티 쿠커’라는 최첨단 가전을 들여놔야겠죠? VS Code 왼쪽의 레고 블록 모양 ‘확장(Extensions)’ 메뉴에서 ‘Flutter’를 검색해서 설치하세요. 그럼 텅 비어 있던 주방이 순식간에 플러터 전문 요리 공간으로 변신합니다!

STEP 4. 최종 위생 점검: Flutter Doctor 출동!

자, 모든 주방 세팅이 끝났습니다! 레스토랑을 개업하기 전, 위생과 안전을 최종 점검해야겠죠? 이때 출동하는 전문가가 바로 ‘플러터 닥터(Flutter Doctor)’입니다! 🩺

이 의사 선생님을 부르는 방법은 주방 스타일에 따라 조금 달라요.

모든 주방 공통: 터미널(무전기)에 대고 flutter doctor라고 외치세요!
VS Code 주방 전용: 자, 이거 실무 꿀팁이에요! Ctrl + Shift + P를 누르고 ‘Flutter: Run Flutter Doctor’를 선택하면 더 간단하게 호출할 수 있어요.

플러터 닥터가 우리 주방을 꼼꼼하게 점검하고 결과지를 보여줄 겁니다.

✅ 초록색 체크(✔): “합격! 이 부분은 완벽합니다!”
❌ 빨간색 엑스(X): “주의! 여긴 아직 준비가 덜 됐네요. 보충이 필요합니다!”

이때 자주 발견되는 문제들은 사실 ‘불량’이 아니라 ‘추가 설치 미션’일 뿐이에요!

“Android toolchain X”: “안드로이드 요리용 가스레인지가 아직 연결 안 됐네요!” 라는 뜻. VS Code 사용자라도 안드로이드 SDK를 얻기 위해 안드로이드 스튜디오 설치는 필수랍니다!
“Java version X”: “설탕 통 이름이 최근에 꿀 통으로 바뀌어서 셰프가 헷갈려 해요!” 라는 뜻. ln -s jbr jre 명령어로 “꿀 통이 옛날 설탕 통이야”라고 이름표를 붙여주면 해결!
“CocoaPods not installed X” (macOS 전용): “애플 파이 레시피를 관리해 줄 보조 셰프가 없네요!” sudo gem install cocoapods 한 줄이면 유능한 보조 셰프를 바로 고용할 수 있어요.

이 미션들을 모두 해결하고, 플러터 닥터가 “No issues found!” (모든 것이 완벽합니다!) 라고 외쳐주면, 드디어 우리만의 5성급 개발 주방이 완성된 겁니다! 🥳