[Flutter] 플러터 시작! 간단 설치

플러터 시작!

 

간단하게 Flutter를 설치해봅시다. 

플러터를 설치하는 방법에 대해서는 플러터 공식 홈페이지에도 친절한 설명이 적혀있습니다. 그렇지만 너무길고 어려운 것 같다, 번역이 매끄럽지 못하다 등의 이유로 더 간단한 설치방법을 찾아 이곳에 들어오신 분들을 위해 매우매우 간단하게 서술해보도록 하겠습니다.

 

플러터에 대한 소개나 사용 팁에 대해 궁금하시면, 작성해둔 글이 있으니 이것도 참고해보세요

▶ Flutter를 선택하는 이유 & 유용한 사이트

Flutter를 선택하는 이유 & 유용한 사이트

 

고럼 플러터 설치 ㄱㄱ~

 

1. 플러터 설치 파일 받기

플러터 공식 홈페이지에서 압축파일을 다운로드하고, 압축을 풀어줍시다.

파일 다운로드 링크
https://docs.flutter.dev/get-started/install

 

 

1-1. 사용 중인 컴퓨터에 맞는 운영 체제를 선택하고 다운로드 합니다.

저는 Windows 환경을 사용중이니 Windows를 선택하겠습니다. Mac 쓰시면 macOS 선택하시면 됩니다. 각자 컴퓨터에 맞는 걸로 클릭해서 다운로드합니다.

 

1-2. 원하는 경로에 압축 풀기

저는 C:\에 압축을 풀었습니다. 다들 압축 푸는 방법은 아시죠? 

주의할 점은, 설치 경로에 특수문자, 공백이 없어야 하고, 파일을 생성, 삭제할 때 권한이 필요하지 않아야합니다. 그렇지 않으면, 후에 개발 작업 시, 프로그램이 경로를 못 읽어서 골치 아파질 수 있습니다. 그리고 이왕이면 한글로 된 폴더보다는 영어로만 된 폴더 내부에 저장하시는 편을 추천드립니다. flutter 프로그램이든, 앞으로 만들 프로젝트이든, 그 외에 여러가지 개발 관련 모든 프로그램들 모두요. 

 

경로(위치) 예시

추천하는 경로
C:\ProgramFiles\

좋지 않은 경로
C:\나의☆소중한☆폴더\플러터 파일폴더

참고로 \가 백슬래시랑 똑같습니다. 컴퓨터에서 파일 경로를 지정할 때는, C드라이브 안에 ProgramFiles 폴더 안에 text.txt를 저장한다고 하면, text.txt의 경로를 "C:\ProgramFiles\text.txt" 라고 표현합니다.

 

2. 원하는 IDE 설치 & 세팅

플러터를 사용해 개발하기 위해서 IDE를 설치해야합니다. 'Android Studio' 또는 'Visual Studio Code (VS code)' 를 설치해야 합니다. 어떤 툴을 선택할지는, 기능적인 편리함을 중요시하면 안드로이드 스튜디오, 프로그램의 가벼움을 중요시하면 VS code를 추천합니다. 참고로 플러터로 ios 앱을 개발하고 싶다면 'Xcode'를 설치하더라고요.

안드로이드 스튜디오가 VS code보다 더 많은 편리한 기능을 제공하기 때문에, 저는 안드로이드 스튜디오를 선택하도록 하겠습니다.

VS code가 안드로이드 스튜디오보다 훨씬 가벼운 프로그램이기 때문에, 컴퓨터의 성능이 좋지않거나, 더 빠른 프로그램을 원한다면 VS code를 설치하는 것을 추천드립니다. 

 

2-1. 안드로이드 스튜디오 설치

안드로이드 스튜디오 설치 링크
https://developer.android.com/studio?hl=ko

 

2-2. IDE를 플러터 개발환경으로 세팅

안드로이드 스튜디오 플러그인 중 플러터 플러그인과 다트 플러그인을 설치해줍니다.

 

1. Plugins클릭 → Marketplace클릭 → flutter 검색

 

2. 마찬가지로 Dart도 검색해서 설치해줍니다. 참고로 Dart는 Flutter에서 사용하는 프로그래밍 언어입니다.

 

3. 환경변수 세팅

환경변수 세팅은 안드로이드 스튜디오가 내가 설치한 Flutter의 위치를 알아차릴 수 있도록 알려주는 과정입니다. Windows 운영체제인 경우, 다음과 같이 진행합니다.

 

1. 윈도우 검색창에 '계정의 환경변수 편집' 검색

 

2. 사용자 변수 하단 Path 클릭 \

 

3. 아까 설치했던 flutter 폴더 안에는 bin 폴더가 있습니다. 해당 폴더 경로를 추가 → 확인 클릭

 

 

(선택) 설치가 잘 됐는지 확인해보기

잘 설치되었는지 확인해보고 싶으면 flutter를 실행해보면 됩니다.

1. 윈도우 검색창에 powershell 검색
2. flutter가 설치되어 있는 디렉토리로 이동
3. flutter doctor 입력

flutter 설치 상태 보고서가 주르륵 뜨면 잘됐다는 말입니다. 빨갛게 뭐가 막 뜨면, 그 부분이 문제라는 뜻이니, 하라는대로 해줍니다.

저의 경우 flutter doctor --android-licenses를 해야한대서 입력해주고 전부 y를 입력해주었습니다.

 

 

 

끝!! 간단하죠?

 

많이들 실수하시는 부분이 "압축을 이상한데 풀었음", "디렉토리 이름에 특수문자 들어감", "환경변수에 flutter 설치된 위치가 아니라, 다른 경로로 잘못 저장함" 입니다. 이중 하나는 아닌지 체크해보세요

그래도 안되면 "디렉토리 경로에 한글이 포함되진 않는지" 체크해보시고요. 영어로 된 디렉토리 인데도 안된다면, 난 컴맹이구나 하시면 됩니다. 그럼, 즐거운 플러터 개발 되시길 바랍니다