Flutter 개발 환경을 위한 Visual Studio Code의 설정 및 확장 프로그램 설치를 하도록 하겠습니다.  Dart & Flutter일단 가장 기본인 Dart와 Flutter Extension을 설치합니다. 완전 기본이니 무조건 설치! VSCode SettingFlutter 개발에 유용한 설정을 합니다.View > Command Palette 또는 ⇧⌘P를 눌러 Command Palette를 실행한 뒤 setting을 입력해서 setting.json 파일을 열어 필요한 설정을 추가합니다.자동 저장 및 정렬파일을 자동으로 저장하게 하고, 저장할 때 코드를 정렬하도록 설정합니다. 이 설정 때문에 코드를 입력한 다음 바로 ⌘S를 눌러 저장하는 게 습관이 되어버렸어요.🔍 코드 보기 & 복사 ..

나의 맥북은 장수 맥북이다보니 Andriod Studio에 Simulator까지 돌리려니 힘들어하는 것 같아 조금 더 가볍운 Visual Studio를 사용하려고 한다. 기본 설치 참고 우선 Flutter, X-code, Android Studio 등의 사전 설치가 필요하다. 🔗 Mac에 Flutter 설치하기 🔗 Mac Full Xcode 설치하기 Extension 설치 ※ REF : Setup on Editor Flutter Extention VS Code에서 'Flutter'로 검색해서 Extension을 설치한다. 설치한 후 View > Command Palette 또는 Command + Shift + P를 실행한 뒤 Flutter: Run Flutter Doctor를 실행해서 설치를 확인한다. ..

사전 준비 Visual Studio Code로 개발을 하려는데 Flutter Extension 설정이 되어 있지 않다면? 🔗 Mac - Visual Studio Code에서 Flutter 설정 및 프로젝트 시작하기를 먼저 진행한다. 프로젝트명 작성 시 주의사항 🔗 Flutter Doc Project Name Rule 프로젝트를 생성하기 전에 프로젝트명의 규칙을 확인하자. 전부 소문자만 사용 (The name should be all lowercase) 분리된 단어에 언더바 사용 (with underscores to separate words) 오직 알파벳과 숫자만 사용 (Use only basic Latin letters and Arabic digits: [a-z0-9_]) 숫자로 시작하지 말 것 (th..

코드는 보기 좋아야 보기 좋다. 자동 포맷 설정을 해두고 편하게 살자! Preferences 창을 연다. Languages & Frameworks > Flutter를 리스트에서 직접 찾거나 flutter로 검색을 해서 해당 탭을 찾아가서 Format code on save를 활성화시킨 후 Apply > OK로 설정 완료한다. 코드를 작성한 후 저장할 때 코드가 샤샤샥~ 정리가 되는 걸 확인할 수 있다!

기본적으로 iOS Simulator는 Xcode 설치만으로 실행이 가능한데, Andriod Emulator는 Android Studio에서 직접 생성해서 사용해야 합니다. Flutter로 iOS와 Android, 두 가지 App을 개발하려면 두 가지 Simulator가 필요합니다. iOS Simulator : Xcode를 설치하면 자동으로 사용 가능해요. Android Emulator : Android Studio에서 원하는 모델로 생성해서 사용해야 해요. 💡 Android Emulator는 Hardware와 System Image를 직접 선택해서 설치를 해요. 이 선택을 위해서 Android Emulator에서 한글 키보드 사용하기의 내용을 참고해 보세요. Emulator 설치 Android용 Emul..

System Requirements Operating Systems: macOS Disk Space: 2.8 GB (does not include disk space for IDE/tools). Tools: Flutter uses git for installation and upgrade. We recommend installing Xcode, which includes git, but you can also install git separately. X-code 설치 X-code 확인 X-Code 실행하기 License 확인 sudo xcodebuild -license # space bar를 눌러 끝까지 내려간다 By typing 'agree' you are agreeing to the terms of..