프로젝트에서 보기 →

[백만앱개발 1강] 플러터 (flutter) 설치 및 초간단 안드로이드앱 만들기

태그
기타 백만앱 flutter 플러터
시작일
종료일
수정일

https://www.youtube.com/watch?v=pwSYElxgU5s

description (markdown):

1. 이건 꼭 알아야 한다[^1]

[? 질문] **플러터(Flutter)**는 무엇이며, 왜 배우는가[^2]
[= 답] 플러터는 구글이 만든 크로스 플랫폼 UI 툴킷으로, 모바일/웹/데스크톱 앱을 하나의 코드베이스로 만들 수 있게 해준다(영상에서는 “모든 걸 다 하나의 코드로 해결”이라고 소개).[^2]

[? 질문] 윈도우(Windows)에서 플러터 개발을 시작하려면 무엇을 어떻게 설치/설정해야 하는가[^3]
[= 답] flutter.dev에서 **Flutter SDK(윈도우용)**를 내려받아 압축을 풀고, C:\src\flutter\bin을 환경 변수 PATH에 등록한 뒤, Android Studio를 설치하고 Flutter 플러그인을 추가해 프로젝트를 생성한다.[^3]

[? 질문] 설치가 끝나면 “초간단 안드로이드 앱”은 어떤 절차로 실행/확인하는가[^4]
[= 답] Android Studio에서 새 Flutter 프로젝트를 만들고, **AVD(에뮬레이터)**를 설정/실행한 다음, Run(재생 버튼)으로 실행하면 기본 카운터 데모 앱이 빌드되며, 빌드 결과로 app.apk가 생성되고 에뮬레이터/실기기에서 동작을 확인할 수 있다.[^4]

2. 큰 그림[^5]

이 콘텐츠는 플러터(Flutter) 개발 환경을 윈도우에서 구성하고, Android Studio로 **첫 번째 Flutter 앱(기본 카운터 예제)**을 생성해 에뮬레이터에서 실행하는 과정을 처음부터 끝까지 따라가며 보여준다.[^5] 또한 Flutter의 특징(구글 제작, 싱글 코드베이스, 멀티 플랫폼)을 소개하고, APK가 생성되는 빌드 결과까지 확인한다.[^6]

  • 크로스 플랫폼/싱글 코드베이스: 모바일·웹·데스크톱 앱을 하나의 코드로 개발할 수 있다는 점을 플러터의 핵심 가치로 제시한다.[^2]
  • 윈도우 설치의 핵심은 SDK 압축 해제 + PATH 설정: C:\src 계열 폴더에 SDK를 풀고, flutter\bin을 환경 변수에 추가해 어디서든 Flutter 명령을 쓸 수 있게 만든다.[^7]
  • Android Studio + Flutter 플러그인 + AVD로 실행 검증: Android Studio에 Flutter 플러그인을 설치해 새 프로젝트를 만들고, AVD(픽셀2 등)를 준비해 앱을 실행/테스트한다.[^8]

3. 하나씩 살펴보기[^9]

3.1 인사 및 오늘의 목표: “플러터 알아보기”[^10]

📸 0:00

영상은 진행자가 자신을 “스티브 잡티”라고 소개하며 시작한다.[^10] 오늘은 **플러터(Flutter)**에 대해 알아보겠다고 말하고, 현재 “플러터 2(Flutter 2)”가 나와 있다는 언급으로 최신 버전을 기준으로 진행하려는 흐름을 만든다.[^11]

이어 브라우저에서 flutter.dev를 입력하면 플러터 공식 사이트가 나온다고 안내한다.[^12] 사이트 상단/소개 영역을 근거로 플러터가 무엇을 하는 도구인지 설명을 이어간다.[^13]

  • 플러터는 모바일, 웹, 데스크톱 등 다양한 플랫폼을 대상으로 한다.[^13]
  • “이 모든 걸 다 하나의 코드로 해결할 수 있다”는 문구를 인용하며, 하나의 코드베이스로 여러 플랫폼 앱을 만든다는 메시지를 강조한다.[^2]
  • 플러터는 “구글에서 만든 툴킷”이며 “매우 아름답다”는 표현도 소개한다(공식 사이트의 표현/소개 문구를 읽는 맥락).[^14]

정리하면, 시작부는 “왜 플러터인가”에 대해 크로스 플랫폼과 싱글 코드베이스를 핵심으로 제시하고, 곧바로 설치/실습으로 넘어갈 것임을 예고한다.[^15]

[!IMPORTANT] 플러터를 한 문장으로 정의(영상 흐름) 플러터는 크로스 플랫폼 앱을 하나의 코드로 개발할 때 유용한 도구(툴킷)이며, 구글이 만든 프레임워크/SDK라는 점을 전제로 설치 과정을 진행한다.[^15]

3.2 flutter.dev에서 설치 페이지로 이동, 윈도우 요구사항 확인[^16]

📸 1:02

진행자는 “거두절미하고 Get Started 버튼을 누른다”고 말하며 설치 페이지로 안내한다.[^16] Get Started(시작하기)로 들어가면 OS별 설치 옵션이 나오며, Windows / macOS / Linux / Chrome OS 버전이 있다고 설명한다.[^17] 이 영상에서는 Windows 버전을 선택해 진행한다.[^18]

Windows 설치 안내에서 다음과 같은 요구사항을 언급한다.

  • Windows 7부터(윈도우 버전 범위 언급)[^19]
  • 64bit 환경[^19]
  • 디스크 스페이스가 약 1.64GB 정도면 플러터를 사용할 수 있다는 수치를 제시한다.[^20]

여기서 진행자는 Windows용 Flutter SDK(압축 파일 형태)를 내려받는 단계로 넘어간다.[^21]

3.3 Flutter SDK 다운로드 및 압축 해제 위치: C:\src\flutter[^22]

📸 1:44

Windows용 Flutter SDK를 다운로드한 뒤, 압축을 풀 위치를 구체적으로 제안한다.[^22]

  • C: 드라이브에 src라는 폴더를 만든다.[^23]
  • src 폴더명은 필수는 아니고, “소스”의 약자처럼 쓰는 것일 뿐이며, 원하는 이름(닉네임 등)으로 만들어도 된다고 설명한다.[^24]
  • 다운로드한 Flutter SDK 압축 파일을 C:\src 아래에 풀면 flutter 폴더가 생긴다(압축을 풀어 폴더 구조가 만들어짐).[^25]
  • flutter 폴더를 더블 클릭하면 내부에 여러 파일/디렉터리가 구성돼 있음을 확인할 수 있다고 한다.[^26]

이 단계까지를 “플러터를 사용할 수 있는 환경의 첫 번째 구성요소가 만들어진 것”이라고 표현하며, SDK 배치(다운로드/압축 해제)가 1차 준비임을 명확히 한다.[^27]

[!TIP] SDK 압축 해제 경로를 단순하게 유지 진행자는 예시로 C:\src\flutter 구조를 사용한다. 경로가 단순하면 이후 PATH 설정과 Android Studio 설정(Flutter SDK path 지정)에서 헷갈릴 일이 줄어든다는 맥락으로 이해할 수 있다.[^23]

3.4 “어디서든 flutter를 부르기”를 위한 환경 변수 PATH 설정[^28]

📸 3:12

SDK를 풀어놓기만 해서는 끝이 아니고, “자바처럼 어느 디렉토리에서든 불러낼 수 있도록” 설정해야 한다고 말하며 환경 변수(Environment Variables) 설정의 필요성을 제시한다.[^28]

진행 순서는 다음과 같다.

  1. Windows 검색창에서 “환경 변수”를 검색한다.[^29]
  2. “시스템 환경 변수 편집”을 선택해 시스템 속성(고급 탭) 화면으로 들어간다.[^30]
  3. “환경 변수” 버튼을 클릭한다.[^31]
  4. 환경 변수 목록에서 Path를 찾아 “편집”을 누른다.[^32]
  5. Path 항목에 Flutter의 bin 디렉터리 경로를 추가한다:
    • C:\src\flutter\bin[^33]
  6. “찾아보기” 기능으로 직접 경로를 따라가며 C: → src → flutter → bin을 선택해도 된다고 설명한다.[^34]
  7. 확인(OK)을 눌러 Path에 등록된 것을 확인한다.[^35]

이렇게 환경 변수를 설정하면 “어디에서든 플러터를 불러낼 수 있게 된다”고 말하며, 명령 실행 가능 상태(전역 PATH 등록)의 효과를 설명한다.[^36]

[? 질문] 왜 굳이 PATH에 flutter\bin을 추가해야 하는가[^28]
[= 답] 어떤 위치(디렉터리)에서든 flutter를 실행할 수 있게 만들어 개발 환경 사용성을 확보하기 위해서이며, 자바를 전역으로 불러오는 것과 같은 맥락이라고 설명한다.[^28]

[!IMPORTANT] PATH에 들어가는 경로는 bin까지 영상에서는 Path에 C:\src\flutter\bin을 넣는다고 명시한다. 이 경로가 등록되어야 Flutter 실행 파일(명령)이 시스템 전역에서 인식된다는 취지다.[^33]

3.5 Android Studio 다운로드/설치(상세 설치 과정은 생략)로 이동[^37]

📸 5:07

Flutter SDK 준비와 PATH 설정을 마친 뒤, 진행자는 “이제 Android Studio로 가야 된다”고 전환한다.[^38] Google에서 “안드로이드 스튜디오”를 검색해 다운로드 페이지로 들어가며, Windows 버전을 받아 설치하면 된다고 안내한다.[^37]

다만 이 영상에서는 Android Studio의 설치 과정(다운로드 후 설치 마법사 진행 등)을 자세히 보여주지는 않겠다고 말한다.[^39] 즉, “다운로드 받고 클릭하면 설치가 되겠죠” 정도로 처리하고, 설치가 완료되었다는 가정 하에 Android Studio 실행 단계로 넘어간다.[^39]

3.6 Android Studio 첫 화면에서 Flutter 플러그인 설치[^40]

📸 6:07

Android Studio를 실행하면 초기 팝업/시작 화면이 뜨고, 버전 정보와 함께 “Create New Project” 등 선택지가 보인다고 한다.[^40]

여기서 Flutter 개발을 위해 해야 할 핵심은 Android Studio에 Flutter 플러그인을 설치하는 것이다.

진행자는 다음 흐름으로 설명한다.

  • 시작 화면에서 Configure(환경 설정) 메뉴를 찾는다.[^41]
  • Configure 안에서 Plugins(플러그인) 을 선택한다.[^42]
  • 플러그인 화면에서 “Flutter”를 검색/확인한다.[^43]
  • 진행자 PC는 이미 설치되어 있어 “installed”로 표시된다고 말한다.[^44]
  • 설치되어 있지 않은 경우 “Install” 버튼을 눌러 설치하면 설치가 시작된다고 안내한다.[^45]
  • 설치가 완료되면 OK를 누르고, Android Studio를 껐다가 다시 켜면(재시작) Flutter 프로젝트 생성 메뉴가 나타난다고 한다.[^46]

이 과정은 Android Studio가 Flutter 프로젝트 템플릿/도구를 인식하게 하는 필수 단계로 제시된다.[^46]

[!TIP] 플러그인 설치 후 IDE 재시작 영상에서는 플러그인 설치 후 “안드로이드 스튜디오를 껐다가 다시 키면” Flutter 프로젝트 생성 항목이 뜬다고 말한다. 플러그인 적용을 위해 재시작이 필요할 수 있다는 경험적 안내다.[^46]

3.7 “Create New Flutter Project”로 첫 앱 생성 흐름[^47]

📸 7:33

Android Studio를 재시작한 뒤(또는 플러그인이 활성화된 상태에서), 하단/메뉴에 Create New Flutter Project가 나타난다고 한다.[^47] 이를 선택하면 다음과 같은 프로젝트 타입 선택 화면이 나온다고 설명한다.

  • Flutter Application
  • Flutter Package
  • Flutter Plugin
  • Flutter Module
    등의 항목이 보인다고 언급한다.[^48]

진행자는 “첫 번째 애플리케이션을 만드는 것이니까” Flutter Application을 선택하고 Next를 눌러 진행한다.[^49]

3.8 프로젝트 이름, Flutter SDK path 지정, 설명/패키지명(도메인) 설정[^50]

📸 7:59

프로젝트 생성 마법사에서 진행자가 설정하는 항목은 다음과 같이 제시된다.

  1. 프로젝트(파일) 이름
  • 진행자는 예시로 f001을 이미 만들었기 때문에 이번에는 f00?(발음상 f00공 등으로 들림) 형태로 이름을 정해 진행한다.[^50]
  • 핵심은 “프로젝트 이름을 정한다”는 단계가 있다는 점이다.[^50]
  1. Flutter SDK path(경로) 지정
  • “SDK path” 버튼을 클릭하면 경로 선택 창이 뜨고, Flutter SDK가 들어있는 경로를 지정한다.[^51]
  • 영상의 예시 경로는 앞에서 만든 C:\src\flutter이다.[^52]
  • 경로를 지정하고 OK를 누르면 Next 버튼이 활성화/표시된다고 설명한다.[^52]
  1. Description(설명)
  • “첫 번째 나의 플러터 애플리케이션이다” 같은 설명을 적을 수 있다고 언급하지만, 진행자는 일단 Next로 넘어간다.[^53]
  1. 회사/도메인 기반 패키지명(organization)
  • 진행자는 자신의 도메인(예: story... .com처럼 들림)이 있어서 그 회사 이름/도메인을 넣었다고 말한다.[^54]
  • 그 뒤 프로젝트 식별자로 프로젝트명을 붙여 패키지/번들 식별자를 구성하는 흐름을 보여준다.[^54]
  1. 플랫폼 언어 선택(안드로이드/ios 관련 체크)
  • Android 코드와 iOS 코드 모두 개발할 수 있도록 언어 옵션이 함께 체크된 상태(“스위프트”와 “코틀린”이 같이 체크)로 보인다고 말한다.[^55]
  • 만약 iOS는 아직 만들지 않겠다면 체크를 풀 수 있다고 안내한다.[^56]
  • 둘 다 만들겠다면 둘 다 체크하면 된다고 말한다.[^57]
  • 진행자는 이번 실습에서는 “안드로이드만 선택”하겠다고 하며 iOS 체크를 해제하는 선택을 한다.[^58]

마지막으로 Finish를 누르면 프로젝트가 생성되고, Android Studio에 프로젝트가 열리는 화면으로 넘어간다.[^59]

[? 질문] iOS를 지금 당장 만들지 않으면 어떻게 해야 하는가[^56]
[= 답] 프로젝트 생성 단계에서 iOS(스위프트 등) 관련 체크를 해제하면 된다고 안내한다.[^56]

3.9 Flutter는 Dart 언어 사용: main.dart 확인[^60]

📸 9:41

프로젝트가 열리면, 진행자는 플러터가 Dart(다트) 언어를 사용한다고 설명한다.[^60] 그리고 프로젝트 안에 main.dart(메인 다트 파일)가 보이며, 이 언어로 코드를 작성하면 Flutter로 만든 앱을 Android 또는 iOS에서 실행할 수 있다고 말한다.[^61]

즉, 이 구간은 “Flutter 앱의 코드는 Dart로 작성되며, 그 결과가 멀티 플랫폼 실행으로 이어진다”는 개발 모델을 짚는 부분이다.[^61]

3.10 에뮬레이터 실행 준비: AVD Manager와 ‘Play Store’가 있는 디바이스 선택[^62]

📸 10:05

이제 실제 실행을 위해 에뮬레이터를 설정한다. 진행자는 Android Studio에서 AVD Manager를 찾고 선택하라고 한다.[^62]

AVD 화면에서 자신의 경우 Pixel 2가 이미 만들어져 있다고 말하면서, 처음 설정하는 사람은 다르게 보일 수 있다고 설명한다.[^63] 여기서 중요한 포인트로 “잘 안 되는 이유”를 언급하는데, Play Store 표시(아이콘)가 없는 디바이스 이미지를 선택하면 문제가 생길 수 있다는 취지로 말한다.[^64]

  • 따라서 Play Store 아이콘이 있는 디바이스를 선택해야 한다고 안내한다.[^64]
  • 하단의 “Create Virtual Device”를 눌러 새 가상 디바이스를 만들 수 있다고 말한다.[^65]
  • 목록에서 Pixel 2 또는 다른 Pixel을 선택할 수 있고, “조금 더 낮은 버전 사양도 있으니까”라는 말과 함께 Pixel 2를 선택해 진행한다.[^66]
  • “Play Store” 아이콘이 포함된 항목을 선택하고 Next로 진행한다.[^67]

이후(시스템 이미지 다운로드 등) 단계에서 다운로드가 진행될 수 있고 시간이 걸릴 수 있다고 말한다.[^68] 다운로드를 마치고 Finish를 누르면 “Pixel 2 API …” 같은 AVD가 생성된 것을 확인할 수 있다고 한다.[^69]

[!WARNING] 에뮬레이터 이미지 선택 시 Play Store 유무 확인 진행자는 Play Store 표시가 없는 이미지 때문에 “잘 안 된다”고 설명하며, Play Store 아이콘이 있는 디바이스 이미지를 고르라고 강조한다.[^64]

3.11 AVD 실행 및 첫 구동 대기, 실행 대상 디바이스 인식 확인[^70]

📸 11:14

생성된 AVD(Pixel 2 API 등)를 선택하고 “Play(실행)” 버튼을 누르면 에뮬레이터가 켜진다.[^70] 진행자는 실행 중 “뭔가 잘못됐다”는 메시지처럼 보이는 순간이 있을 수 있지만, 화면 자체는 뜨는 것을 볼 수 있다고 말하며, 조금 기다려보자고 한다.[^71]

에뮬레이터 화면이 올라오면, Android Studio 쪽에서 실행 대상 디바이스로 인식된 항목(예: sdk ... x86 모바일 형태의 디바이스)이 보인다고 설명한다.[^72] 즉, Flutter 앱을 Run하기 전에 “실행 대상 디바이스가 잡혔는지”를 확인하는 맥락이다.[^72]

3.12 Run(재생 버튼)으로 앱 실행: 빌드 진행과 첫 빌드 지연[^73]

📸 12:01

이제 프로젝트를 실제로 실행한다. 진행자는 Android Studio에서 “플레이 버튼”을 눌러 실행을 시켜보겠다고 한다.[^73]

실행하면 하단에 작업 로그가 뜨며, 다음과 같이 실행/빌드가 진행 중임을 보여준다고 설명한다.

  • “Running Gradle task ‘assembleDebug’ …” 형태로 러닝/빌드가 돈다고 언급한다.[^74]
  • 첫 번째 실행은 시간이 걸릴 수 있으니 기다리라고 안내한다.[^75]

이 구간은 Flutter 프로젝트가 내부적으로 Android 빌드(Gradle)를 통해 디버그 APK를 조립하는 과정을 사용자가 체감하는 단계다.[^74]

3.13 APK 생성 확인: app.apk 경로와 의미[^76]

📸 12:46

빌드가 진행된 뒤, “APK가 만들어졌다”는 메시지가 나타난다고 말한다.[^76] 그리고 생성 위치를 다음과 같이 설명한다.

  • 드라이브의 output 폴더, build, outputs, flutter-apk 안에 app.apk가 만들어진 것을 볼 수 있다고 한다.[^77]

진행자는 여기서 “이 상태가 어떤 거냐면”이라고 하며 APK 생성의 의미를 설명한다.[^78]

  • 나중에 앱을 다 만들고 컴파일하듯이 APK를 뽑아내면, 안드로이드 애플리케이션을 만든 것이 된다.[^78]
  • 생성된 app.apk를 가지고 안드로이드 개발자 등록을 한 후 올리면, 전 세계 사람들이 다운로드할 수 있게 된다고 설명한다.[^79]

[? 질문] app.apk가 만들어졌다는 것은 무엇을 의미하는가[^78]
[= 답] Flutter 프로젝트가 안드로이드용으로 빌드되어 배포 가능한 형태의 APK 산출물이 만들어졌다는 뜻이며, 개발자 등록 후 업로드하면 사용자 배포가 가능하다는 맥락으로 설명한다.[^78]

3.14 실행된 기본 데모 앱(카운터 예제)과 Flutter의 “껍데기” 설명[^80]

📸 13:27

빌드/실행이 완료되면, 플러터의 데모 홈(기본 템플릿 앱)이 화면에 나타난다고 말한다.[^80] 진행자는 이를 “apk 껍데기”라는 표현으로 설명하면서, 대략 다음과 같은 이해를 제시한다.

  • (표현상) 웹뷰와 관련된 것처럼 보면 된다고도 말하며, 외부 페이지를 만들었다면 그 페이지를 보여주고, 전체적인 APK “껍데기”는 플러터가 만들어 준다는 식으로 설명한다.[^81]
  • 이 구조를 기반으로 iOS 또는 안드로이드 스튜디오에서 만들어진 것을 “응용”할 수 있다고 말한다.[^82]

그리고 기본 예제로 제공되는 기능을 짚는다.

  • 화면의 플러스(+) 버튼을 누르면 숫자가 1씩 증가하는 아주 간단한 예제라고 설명한다.[^83]

[!NOTE] 기본 템플릿의 기능 포인트 Flutter 기본 프로젝트 템플릿은 “+ 버튼 클릭 시 카운트 증가” 예제를 제공하며, 이를 통해 빌드/실행/상태 갱신이 정상 동작하는지 빠르게 확인한다는 흐름이다.[^83]

3.15 실기기(스마트폰) 테스트 언급 및 한글화 변경도 문제없음[^84]

📸 14:12

진행자는 본인도 APK를 스마트폰에 넣어 테스트해봤는데 “굉장히 잘 된다”고 말하며, 시청자도 스마트폰에 넣어 테스트해보라고 권한다.[^84]

이후에는 자신의 앱 목록/메뉴 화면에서 방금 만든 프로젝트(예: f001, f006처럼 들리는 항목)를 선택해 실행하는 모습을 보여준다.[^85] 그리고 기본 템플릿의 문구가 영문으로 되어 있는 것을 한글 코드로 바꿔서 진행해 봤는데도 잘 된다고 말하며, 텍스트 변경(로컬라이징/문구 수정) 같은 간단한 수정이 문제없이 반영됨을 시연한다.[^86]

마지막으로 플러스 버튼을 눌렀을 때 카운트가 올라가고 화면이 갱신되는 것을 보여주며, 이런 식으로 앱이 잘 구성되는 것을 확인했다고 말한다.[^87] “첫 번째 플러터 앱을 만들어 보았다”로 마무리한다.[^88]

4. 핵심 통찰[^89]

  1. 플러터 소개의 중심은 크로스 플랫폼 + 싱글 코드베이스다. 모바일/웹/데스크톱을 하나의 코드로 해결한다는 메시지로 학습 동기를 제공한다.[^2]

    • 실행 시사점: Flutter를 배우는 목적을 “플랫폼 별로 따로 만들지 않기”에 두고, 첫 환경 구성부터 멀티 플랫폼 관점을 유지한다.[^2]

  2. 윈도우에서 Flutter 설치의 실질 핵심은 “다운로드”보다 경로 관리(압축 해제 위치, PATH 등록)다.[^33]

    • 실행 시사점: C:\src\flutter처럼 표준화된 경로를 쓰고, C:\src\flutter\bin을 PATH에 반드시 추가해 개발 중 명령 인식 문제를 줄인다.[^33]

  3. Android Studio에서는 “설치” 자체보다 Flutter 플러그인이 있어야 Flutter 프로젝트 생성/개발이 가능하다.[^42]

    • 실행 시사점: Android Studio 설치 후 가장 먼저 Plugins에서 Flutter를 설치하고, 필요 시 IDE를 재시작한다.[^46]

  4. 에뮬레이터 설정에서 Play Store가 포함된 시스템 이미지 선택이 중요하다는 경험적 포인트를 제시한다.[^64]

    • 실행 시사점: AVD 생성 시 시스템 이미지에 Play Store 아이콘이 있는지 확인하고, 첫 구동/다운로드에 시간이 걸릴 수 있음을 감안한다.[^68]

  5. 첫 실행은 “느릴 수 있다”는 것을 전제로 안내하며, assembleDebug 등 빌드가 진행되는 과정을 관찰하게 한다.[^74]

    • 실행 시사점: 초기 빌드 지연을 오류로 단정하지 말고, Gradle/SDK 다운로드가 끝날 때까지 기다린다.[^75]

  6. app.apk 생성 확인을 통해 “내가 만든 것이 실제 산출물로 떨어진다”는 감각을 준다(배포까지의 연결: 개발자 등록 후 업로드).[^79]

    • 실행 시사점: 빌드 산출물 경로(build/outputs/flutter-apk/app.apk)를 확인하고, 실기기 설치로 빠르게 스모크 테스트한다.[^77]

참고(콘텐츠 정보)[^90]

  • 제목: [백만앱개발 1강] 플러터 (flutter) 설치 및 초간단 안드로이드앱 만들기[^90]
  • 채널: 스티브잡티[^10]
  • 길이: 15분 28초[^90]
  • 링크: https://www.youtube.com/watch?v=pwSYElxgU5s[^90]
  • 키워드(제공): 백만앱, flutter, 플러터, dart, 스티브잡티, 잡티, 100만앱[^90]

[^1]: @[00:00] “오늘은 플롭 터 에 대해서 한번 알아볼까 해요” / 이후 전반이 설치와 첫 앱 실행으로 구성됨. [^2]: @[00:23] “모바일… 데스크탑… 이 모든 걸 다 하나의 코드로 해결할 수 있다” [^3]: @[01:06]~@[04:55] Get Started → Windows 선택 → SDK 다운로드/압축 해제 → 환경 변수 PATH 설정 설명. [^4]: @[07:41]~@[15:11] Flutter 프로젝트 생성 → AVD 설정/실행 → Run → APK 생성/실행 및 카운터 증가 확인. [^5]: @[01:00] “크로스 플랫폼… 개발할 때 유용… 툴킷” + 이후 설치/실행 시연 흐름. [^6]: @[00:33]~@[00:48] “구글에서 만든 툴킷… 싱글 코드 베이스… 하나의 코드” [^7]: @[01:50]~@[02:07] C:\src 폴더 생성 및 압축 해제 + @[04:14]~@[04:55] PATH에 C:\src\flutter\bin. [^8]: @[06:35]~@[07:41] Plugins에서 Flutter 설치, 재시작 후 Create New Flutter Project 등장 + @[10:13] AVD Manager. [^9]: @[00:00]~@[15:25] 영상 전체 전개를 순서대로 재구성. [^10]: @[00:00] “안녕하세요… 스티브 잡티 입니다” [^11]: @[00:06] “지금은 플로터 투 가 나왔는데요” [^12]: @[00:13] “플러터 점 dev 라고 치면… 웹사이트” [^13]: @[00:23]~@[00:29] “모바일… 데스크탑…” [^14]: @[00:33]~@[00:39] “구글에서 만든 툴 킷… 매우 아름답다” [^15]: @[00:48]~@[01:00] “하나의 코드로… 크로스 플랫폼… 유용…” [^16]: @[01:02] “게 스타트 버튼을 누르게 씁니다” [^17]: @[01:10]~@[01:14] “윈도우즈… 맥 os… 리눅스… 크롬 os” [^18]: @[01:14] “우리는 윈도우즈 버전 을 선택” [^19]: @[01:18] “윈도우 세븐 부터… 64bit” [^20]: @[01:23] “디스크 스페이스 가 1.6 4gb” [^21]: @[01:31]~@[01:38] “sdk 를 다운 받습니다” [^22]: @[01:44]~@[02:26] SDK 압축 파일 선택 및 압축 해제 위치 설명. [^23]: @[01:50] “c 드라이브에 src 라는 폴더를 만들어요” [^24]: @[02:07]~@[02:19] “반드시… 아니어도… 닉네임…” [^25]: @[02:19]~@[02:26] 압축을 풀면 “플러터” 폴더가 생김. [^26]: @[02:26]~@[02:38] 더블클릭해서 파일들 확인. [^27]: @[02:38]~@[02:48] “첫 번째 구성… 만들어진 것입니다” [^28]: @[03:12]~@[03:21] “자바처럼… 어떤 디렉토리에서든… 불러낼 수 있도록… 환경 변수” [^29]: @[03:44]~@[03:50] “검색창에서 환경 변수” [^30]: @[03:50]~@[03:54] “시스템 환경 변수 편집” [^31]: @[03:59]~@[04:08] “고급… 환경 변수를 선택” [^32]: @[04:08]~@[04:14] “패스… 편집 버튼” [^33]: @[04:14]~@[04:21] “c 드라이브 src 플러터 bin” [^34]: @[04:23]~@[04:50] “찾아보기… c 드라이브… src… 플러터… 빈” [^35]: @[04:50]~@[04:55] “설정하고 확인… 설정이 된걸” [^36]: @[04:55]~@[05:05] “어디에서든… 플러터를 불러 낼 수” [^37]: @[05:09]~@[05:34] 구글링으로 Android Studio 검색 → 다운로드. [^38]: @[05:07]~@[05:09] “안드로이드 스튜디오로 이제…” [^39]: @[05:51]~@[06:03] “설치하는 방법들은… 넣지는 않을 거에요… 클릭해서 다운로드… 설치” [^40]: @[06:07]~@[06:28] 설치 후 실행 시 초기 팝업/첫 화면 언급. [^41]: @[06:28]~@[06:35] “컴피겨… 환경 설정” [^42]: @[06:35] “플러그인 을 선택합니다” [^43]: @[06:40]~@[06:44] 플러그인 화면 등장. [^44]: @[06:44]~@[06:52] “저는 설치가 되어 있기 때문에…” [^45]: @[06:55]~@[07:08] “인스톨 버튼… 인스톨이 시작” [^46]: @[07:27]~@[07:41] “ok… 껐다가 다시 키면… 크레이트 뉴 플루트 프로젝트” [^47]: @[07:33]~@[07:41] Create New Flutter Project 선택. [^48]: @[07:41]~@[07:45] “플루트 어플리케이션… 패키지… 모듈…” [^49]: @[07:55]~@[07:59] “넥스트 버튼… 첫번째 애플리케이션” [^50]: @[07:59]~@[08:12] 파일명(f001 이후 f00…로 생성) 입력. [^51]: @[08:12]~@[08:26] “sdk path… 버튼… 플러터를 선택” [^52]: @[08:26]~@[08:28] “c 드라이브 src 플루트… ok… 넥스트” [^53]: @[08:28]~@[08:41] “디스크립… 첫번째… 애플리케이션… 일단 넥스트” [^54]: @[08:41]~@[08:47] “닷컴… 회사 이름… f00…” [^55]: @[09:01]~@[09:10] “스위프트 하고 코 틀린… 같이 체크” [^56]: @[09:10]~@[09:17] “ios 아직… 안 만들겠다… 체크를 풀어” [^57]: @[09:17]~@[09:23] “둘 다 만들겠다… 둘 다 체크” [^58]: @[09:23]~@[09:28] “전… 안드로이드만 선택” [^59]: @[09:28]~@[09:41] “피니쉬… 화면에 나타나는” [^60]: @[09:41]~@[09:46] “플러터에서는 다트 라는 언어” [^61]: @[09:52]~@[10:03] “코드를 짜면… 안드로이드 또는 ios” [^62]: @[10:05]~@[10:18] “avd 매니저… 선택” [^63]: @[10:18]~@[10:21] “픽셀 투가 이미… 여러분들은 아마…” [^64]: @[10:21]~@[10:29] “잘 안되는 이유… 플레이 스토어 표시가 없기 때문에… 표시가 되어 있는 것을 선택” [^65]: @[10:34]~@[10:36] “크레이트 버추얼 디바이스” [^66]: @[10:42]~@[10:51] “낮은 버전 사양… 픽셀 툴(2) 선택” [^67]: @[10:51]~@[10:56] “플레이스토어… 아이콘… 선택… 넥스트” [^68]: @[11:00]~@[11:04] “다운받기… 시간이 걸릴 수” [^69]: @[11:04]~@[11:14] “다운로드… 피니시… 픽셀 2 api… 나타” [^70]: @[11:14]~@[11:23] “플레이 버튼” [^71]: @[11:23]~@[11:41] “뭔가 잘못됐… 그렇지만 화면… 기다려” [^72]: @[11:46]~@[11:57] “sdk… x86 모바일… 나타” [^73]: @[12:01] “플레이 버튼을 눌러서 실행” [^74]: @[12:11]~@[12:19] “Running Gradle task ‘assembleDebug’…” [^75]: @[12:24]~@[12:37] “첫 번째 할때는… 시간이… 기다렸다가” [^76]: @[12:46] “apk 가 만들어줬다” [^77]: @[12:52]~@[12:59] “outputs… flutter apk… app.apk” [^78]: @[13:02]~@[13:10] “앱을 다 만들어서… apk 를 뽑아 내면…” [^79]: @[13:10]~@[13:24] “개발자 등록… 올리시면… 전 세계인들이 다운로드” [^80]: @[13:27]~@[13:32] “플러터 데모 홈페이지… 만들어지고” [^81]: @[13:32]~@[13:42] “apk 껍데기… 웹뷰… 페이지를 보여주고…” [^82]: @[13:42]~@[13:54] “ios 또는 안드로이드 스튜디오… 응용” [^83]: @[13:57]~@[14:06] “플러스… 1씩 증가… 간단한 예제” [^84]: @[14:12]~@[14:16] “스마트폰… 넣어 보니까… 잘 됩니다” [^85]: @[14:28]~@[14:44] “메뉴 화면… f001… 선택” [^86]: @[14:44]~@[14:58] “영문… 한글 코드로 바꿔서… 잘 되는” [^87]: @[15:04]~@[15:11] “카운트… 올라오고… 갱신” [^88]: @[15:13]~@[15:25] “첫 번째 플루터… 만들어 보았습니다…” [^89]: @[00:23]~@[15:11] 전반에서 반복되는 설치-플러그인-AVD-APK 생성-카운터 데모 확인 흐름에서 도출. [^90]: 사용자 제공 메타데이터(제목/채널/길이/링크/키워드).

← 프로젝트에서 보기