[Flutter] 진정한 하이브리드 앱의 시작 - 1

THOVY·2023년 4월 24일
0

미안하게 됐다 react native

매번 시작만하고 끝나는 거 같은데 다 이유가 이씀
아무튼 이씀.

진정하고 진정 하이브리드 앱이라고 알려진 Flutter 시작해보겠습니다.

시작 👊

flutter 의 설치

flutter 홈페이지에 가서 설치하려고 하면

failed 라고 나오면서 설치가 안 되는데

english 로 바꿔서 다시 get started - windows 들어가면 무난하게 설치된다.

https://docs.flutter.dev/get-started/install/windows

압축 풀고 적당한 폴더에 넣어주고 압축 풀어놓자.

설치한 뒤에 PATH 를 지정해줘야한다.

PATH 설정

환경변수가서

환경변수 클릭

PATH 따블클릭

새로만들기를 이용해서

c:\<내가 Flutter 폴더 경로>\flutter\bin 까지 입력해서 만들어준다.

cmd 열어서
방금 flutter 경로로 가서 flutter doctor 라고 입력해준다.
안 해줘도됨. 그냥 잘 설치됐나 보는 거다.

아무튼 설치 끝.

VSCode 를 이용해 flutter 프로젝트 시작하기

vscode 에 flutter 설치하기

  1. vscode 를 연다
  2. ctrl + shift + p
  3. install - Install Extensions 클릭
  1. flutter 검색 후 설치
    엄청 오래걸림. 한 2분
  1. 설치하고 나면 SDK 를 설치해야한다 는 에러가 발생할 수가 있는데,
    않이 우리는 설치했는데 뭘 또 설치해 맞지?🤨
    Located SDK 를 선택해서 우리가 flutter 를 설치했던 폴더로 가서 눈으로 확인시켜주면 통과시켜준다. 순식간에 해결해버려서 보여줄 수가 없네.
    아무튼 아무튼무새
    이제 시작하면 된다.

flutter 프로젝트 만들기

  1. ctrl + shift + p
  2. flutter - New Project 클릭
  3. Application 클릭
  4. 득점 가능성이 있는 위치로 폴더 위치 선정 - 이름 지으면 차근 차근 프로젝트 를 만들어준다.

Emulator 열기

  1. ctrl + shift + p
  2. emulator 검색 - Flutter: Launch Emulator 선택
  3. 마음에 드는 device 선택

    난 왜 이거밖에 없어요...?ㅠㅠ
    다른 사람들은 많던데...😞

이제 Flutter 로 하이브리드 앱을 만들어보자.

profile
BEAT A SHOTGUN

0개의 댓글