[웹툰 앱 만들기] 설치 및 시작

https://nomadcoders.co/flutter-for-beginners/lobby

Flutter 로 웹툰 앱 만들기 – 노마드 코더 Nomad Coders

이 강의를 보면서 flutter를 배우고 있다. 배운 개념들을 기록하고, 활용해서 앱을 만들 계획이다.

---

설치

우선 flutter와 sdk를 설치한다.

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

Install

위 사이트에서 운영체제에 맞는 지침대로 실행하면 된다. macOS의 경우 homebrew로 대신할 수 있다.

https://formulae.brew.sh/cask/flutter

flutter

 

그리고 ios개발을 위해 ios-setup까지 완료했다.

https://docs.flutter.dev/get-started/install/macos#ios-setup

macOS install

 

추가로 vscode에서 편리한 코딩을 위해 dart, flutter extension을 설치했다.

 

 

 

실행

terminal에서 원하는 디렉토리로 이동하여 아래 코드를 실행한다. ([project name]에 원하는 프로젝트 이름을 작성하면 된다)

flutter create [project name]

 

그 후 해당 디렉토리로 이동하여 vscode로 연다.

// 해당 디렉토리로 이동
cd [project name]
// vscode로 열기
code .

 

앞으로 lib/main.dart 파일을 수정하면서 코딩할 예정이다.

 

simulator는 vscode 아래 화면을 선택하여 열 수 있다. (모바일 개발은 처음이라 가상 모바일에 놀라며 신났었다)

 

코드는 start debugging 버튼인 벌레와 오른쪽 삼각형을 클릭하면 되고(왼쪽 이미지), 정지 버튼으로 시뮬레이션을 종료하거나 플러터 돋보기 버튼으로 devtools widget inspector page를 열어 레이아웃을 확인할 수 있다.