기획자의 앱 도전기 #1 – Flutter 환경 세팅부터 시작!

1️⃣ 시작하며

처음에는 개발자가 되고 싶어 공부를 시작했지만, 생각보다 기획이 훨씬 더 재미있게 느껴졌고, 자연스럽게 기획에 깊이 빠져들게 되었다. 그렇게 나는 기획자가 되었다. 하하.

 

‘멋진 서비스를 만들 수 있겠다’는 기대감으로 일했지만, 현실은 달랐다.
개발자와의 갈등, 그것도 단 한 명의 개발자와 부딪히기 시작했다.

내가 앱 개발을 몰라서 그런 건지, 회사에 들어온 지 얼마 안 돼서 그런 건지… 잘 모르겠다. 하지만 당시에는 분명히 텃세로 느껴졌다. “그건 안 돼요”, “앱은 그렇게 못 해요”라는 말이 반복되었고, 내가 무리한 요구를 한 것도 아닌데 아무 설명 없이 거절당하는 상황이 너무 답답했다.

 

그래서 결심했다.

 

내가 직접 앱 개발을 공부해보자.
개발을 몰라서 생긴 오해일 수도 있으니, 기본이라도 알아두자. 그래야 앞으로 어떤 방식으로 요청해야 개발자도 이해하기 쉬울지, 서로 더 잘 협업할 수 있을지 감이 잡힐 테니까.

 

2️⃣ Flutter를 선택한 이유

크게 이유는 없다. 일하다가 만난 앱 개발자가 Flutter를 썼었는데, 너무 많이 듣다보니까 내적 친밀감이 생긴 게 가장 크다.

앱 개발자가 말하길, Flutter는 하나의 코드로 iOS와 Android를 모두 개발할 수 있는 크로스 플랫폼 프레임워크이며, 무엇보다 오픈소스로 제공되는 UI 컴포넌트들이 많아서 처음 배우는 입장에서도 빠르게 무언가를 만들어볼 수 있다고 했다.

기획자 입장에서 직접 앱을 만들어보는 게 목적이라면, 빠르게 MVP를 만들어볼 수 있는 환경이라는 게 꽤 매력적으로 느껴졌다.
물론 지금은 아무것도 모르지만… 그래서 더 궁금해졌고, 그래서 Flutter를 선택했다.

3️⃣ 환경세팅을 해보자

✅ 1. Flutter SDK 설치하기

먼저 Flutter 사이트로 들어가 OS에 맞는 SDK를 다운로드를 받는다.

Flutter SDK는 왼쪽 버전을 클릭하면 다운로드 받을 수 있다.

다운로드를 받으면 아래 보이는 것처럼 다운로드 폴더에 생기며 안에 Flutter라는 폴더가 생길 것이다.

너가 SDK구나. 잘부탁해

https://docs.flutter.dev/install/archive?tab=windows

Flutter SDK archive

 

 

✅ 2. 다운받은 Flutter SDK를 압축을 풀고 찾기 쉬운 곳이나 어디다가 잘 놓는다.

나는 파티션을 분리하여 생긴 D 드라이브에 App_dev라는 폴더 안에 넣어두었다.

꿀팁 아닌 꿀팁으로 C드라이브만 있을 때 파티션을 분리해서 OS 전용 드라이브와 파일설치, 데이터 저장용 드라이브를 나눈다.

우와 Flutter다.

 

✅ 3. 안드로이드 스튜디오 설치

SDK 설치가 끝났다면 이제 직접 코드를 작성하고 테스트 등 작업 공간을 마련해야 한다. 이걸 IDE라고 하고 이것저것 있는데 나는 안드로이드 앱을 개발해볼꺼니깐 안드로이드 스튜디오를 설치할거다.

안드로이드 스튜디오 설치는 설치 페이지에 잘 나와있으니 그걸보고 따라하자.

https://developer.android.com/studio/install?hl=ko

Android 스튜디오 설치  |  Android Studio  |  Android Developers

 

✅ 4. 안드로이드 스튜디오 세팅

안드로이드 스튜디오 설치가 끝났으면 실행을 하고 왼쪽에 Plugins를 클릭하고 Flutter를 설치하자.

 

설치가 다 끝났다면, More 버튼을 클릭하고 SDK Manager를 들어가서 Andorid SDK Command-line Tools (latest)를 체크하고 설치하자.

여기까지 설치했다면 안드로이드 스튜디오 초기세팅은 끝났당

 

✅ 5. 환경변수 설정

윈도우 키를 누르고 "시스템 환경 변수 편집"을 찾아 들어가자. 검색창에 "환"만 쳐도 나올 거다.

 

누르면 시스템 속성 창 고급 탭이 뜰껀데 아래쪽에 있는 환경 변수를 클릭해서 환경 변수를 설정할 수 있는 창을 켠다.

그럼 위 아래로 사용자 변수, 시스템 변수로 두 개강 있을 텐데 사용자 변수에서 환경변수를 설정할 것이다. Path가 있다면 더블클릭 또는 편집 버튼을 클릭하자. 없을 일을 없겠지만 없다면 새로 만들기를 클릭해서 Path를 만들자.

Path 따블클릭

 

Path 안에 값을 변경하는 곳을 켰다면, 안에다가 아까 설치했던 Flutter 경로를 적고 저장하면 된다. 근데 Fluuter 폴더 경로 말고 안에 있는 bin 폴더 경로로 해야 한다. 밑에 이미지는 내 기준 경로이니 본인이 저장한 폴더 위치로 잘 하길 바란다.

본인 Fluuter/bin 위치를 잘 보고 넣으세요

 

작성하고 확인을 누르면 환경 변수 설정은 끝났다. 마무리로 Powershell이나 cmd(명령 프롬프트) 창에다가 'flutter doctor'를 입력해보자. 전부다 체크가 나면 문제없이 잘 설치가 된거다. 에러가 났다면 에러를 긁어서 검색하면 해답법이 나오니 걱정하지 말자.

플러터 설치 검증 완료!

 

✅ 6. 기본 세팅의 마지막, 프로젝트 생성하기

모든 준비가 끝났다. 이제 안드로이드 스튜디오에서 New Flutter Project를 클릭하고 새 프로젝트를 만들자.

Fluuter SDK path 설정은 본인이 설치했던 곳으로 하면 된다.

Flutter SDK path를 설정하고 Next를 클릭한다. 경로는 본인 컴퓨터 경로로 해야한다. 내꺼 따라하면 안된다!!

Project name은 알아보기 쉽게 설정하고 영문으로 작성하면 된다. 주의할 점은 공백없이 영문 소문자만 작성가능하고 특수문자는 언더바('_')만 쓸 수 있다.

프로젝트 경로도 찾기 쉬운 곳이나 어따가 잘 정리해두는 곳이 있다면 거기로 설정한다. 전부다 설정했다면 이제 하단에 Create 버튼을 클릭해서 생성하면 끝이다!

 

4️⃣ 마무리

이제 개발 공부 준비가 끝났다. 주변에서 이럴 필요가 있냐, 이렇게 하다가 기획자와 개발자 사이에 선을 넘을 수도 있다. 용어만 알면 되는 거 아니냐. 등 굳이라는 말들을 했지만, 내가 개발자를 이해하고 설득시키려면 이 방법이 제일 좋아보인다.

무엇보다 개발은 취미로 하면 재밌다. 하하

여튼 개발 환경 설정은 끝났으니 이제 개발을 본격적으로 틈틈히 공부해보려고 한다.