📌 파이썬 다운로드 ** 다운로드 링크 ** Download PythonThe official home of the Python Programming Languagewww.python.org 환경변수 등록을 자동으로 해줬기 때문에 재부팅 해준다. 환경변수는 [시스템 환경 변수 편집 > 고급 > 환경 변수]에서 확인 가능하다.      📌  VSCode 파이썬 설치

VSCode에는 기본적으로 git 연동을 하기 위한 메뉴가 있습니다.좌측 메뉴에서 brunch 모양의 아이콘을 클릭하면 git을 사용할 수 있습니다. 만약, Windows에 git이 설치되지 않은 환경이라면,아래와 같이 Download Git for Windows 버튼이 나타납니다. 다운로드 버튼을 클릭하면 아래와 같이 웹사이트 링크로 연결됩니다.📌 Git Download Pagehttps://git-scm.com/downloads/win Git - Downloading PackageDownload for Windows Click here to download the latest (2.47.0(2)) 64-bit version of Git for Windows. This is the most recen..

📎 Save(Ctrl+S) 저장 시 코드 자동 수정 기능 VSCode Settings > Command Palette (Ctrl+Shift+P) > open user settings (JSON) 입력JSON 파일을 열어서 아래와 같이 추가해 준다. "editor.codeActionsOnSave": {     "source.fixAll": true,}위 코드를 추가해 주면 저장할 때 constant여야 하는 변수들은 알아서 const를 붙여준다. "[dart]": {     "editor.formatOnSave": true,},위 코드도 추가하면 저장할 때 알아서 코드 라인을 정리해 준다.마지막에 ,(콤마)를 붙여주면 라인 정리를 해 줌.   📎  위젯 트리 한눈에 보기 위한 설정 "dart.previ..

Flutter 앱을 개발하면서 구조를 한눈에 보고 싶을 때,VSCode에 있는 개발자 도구 중 Widget Inspector를 사용할 수 있다. Debug 모드에서 아래와 같이 디버깅 중단 버튼 우측에 있는 버튼을 누르면,Widget Inspector가 실행된다.Widget Tree에서 현재 앱이 어떻게 구성되어 있는지 트리로 확인할 수 있고,우측에서 레이아웃을 미리볼 수 있다. Widget Inspector 하단의 마우스 버튼을 누르면,Debug 실행중인 Simulator에서 영역을 선택해 위젯을 확인할 수 있다. Widget Inspector 우측 상단에 위 버튼을 클릭하면,아래와 같이 Simulator 화면에서 그리드를 확인할 수 있다.

[목차]VSCode 설치하기VSCode에서 Flutter 설치하기Flutter SDK 설치하기Flutter SDK 시스템 환경 변수 설정Android Studio Flutter 설치Flutter Doctor 실행하기Flutter Doctor 이슈 해결 방법Flutter 설치 완료 📎 VSCode 설치하기 Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite pl..