본문 바로가기

IT/Flutter6

예뻐져랏 Visual Studio Code 기본 터미널 바꾸기 안그래도 예쁜 비주얼스튜디오코드를 더 예쁘게 꾸며보겠습니다. 비주얼스튜디오 코드 화면을 보면 정말 예쁘지 않나요? 안드로이드스튜디오가 너무 무거워서 쓴다지만 그것도 그거고 저는 이 예쁨이 너무 맘에 들어요. 개발뿐 아니라 어지간한 메모나 스토리보드, 필기등도 VSCode를 애용합니다. 음식 먹을때에도 너무 예쁜 우리 부인님이랑 먹어야 더 맛있듯이 ㅋㅋㅋ (나 용돈이...) 도구가 예뻐야 일도 더 잘되잖아요? 이 아이콘들도 기본보다 예뻐지게 한거 다들 아시죠? 빨간색 동그라미 표시한 확장마켓에서 Material Icon Theme 를 설치 해준거예요. 이렇게 화살표 표시한 곳에서 Material Icon Theme 를 검색하고 저는 이미 설치했으니까 빨간색 타원표시 한 곳에 Uninstall 이 표시되는거.. 2022. 6. 11.
플러터닥터 Exception: Bad UTF-8 encoding 에러 해결법 Visual Studio를 설치한 후 플러터 닥터를 돌리면 [☠] Visual Studio - develop for Windows (the doctor check crashed) X Due to an error, the doctor check did not complete. If the error message below is not helpful, please let us know about this issue at https://github.com/flutter/flutter/issues. X Exception: Bad UTF-8 encoding (U+FFFD; REPLACEMENT CHARACTER) found while decoding string: [ { . . . 막 이런 해골마크에 섬찟한 에.. 2022. 6. 10.
플러터 개발환경 셋팅 [4/4] - VSCode 3/4 까지만으로도 개발 환경이 완벽하게 셋팅 된겁니다만 안드로이드스튜디오는 좀 무겁습니다. 그래서 가볍고 예쁘고 다재다능한 VSCode (Visual Studio Code) 를 함께 사용해줍니다. 아래를 클릭하여 다운받아 줍니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual 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 platform - L.. 2022. 6. 7.
플러터 개발환경 셋팅 [3/4] - flutter doctor 플러터 SDK와 AndroidStudio 설치를 마쳤으니 이제 대부분의 준비는 마쳤습니다. 이제 프로젝트를 시작할 준비가 다 되었는지 플러터 닥터를 실행시켜 플러터 개발 환경에 대한 진단을 할 수 있습니다. 터미널을 열어서 'flutter doctor' 를 입력하고 엔터 2개의 문제를 제기 했으니 하나씩 해결해 주면 됩니다. 위의 문제는 이렇게 뭔가 안드로이드 라이센스를 얻지 못했으니 이렇게 해결해라 하고 답까지 알려줬습니다. 알려준대로 'flutter doctor --android-licenses'를 입력해주고 엔터 위처럼 몇가지를 계속 묻는데 계속 y 입력하고 엔터, y 입력하고 엔터, y 입력하고 엔터... 이렇게 질문 몇개를 답하고 나면 라이센스를 획득했다는 메시지가 나오고 끝. 다시 flutte.. 2022. 6. 7.
플러터 개발환경 셋팅 [2/4] - Android Studio 2. 안드로이드스튜디오 및 플러그인 설치 안드로이드 스튜디오는 플러터 개발을 할 수 있는 개발 프로그램 이고 또한 에뮬레이터가 내장되어 있어 플러터 개발시 꼭 설치해야 하는 프로그램 입니다. 안드로이드스튜디오를 다운받기 위해 아래를 클릭합니다. https://developer.android.com/studio Download Android Studio and SDK tools | Android Developers The official IDE for Android app developers. developer.android.com 'Download Android Studio'를 클릭하고 뭐 동의하라고 나오면 동의하고 프로그램을 다운 받습니다. 다운받은 파일을 더블클릭하여 설치를 시작하고 위 화면이 나오면.. 2022. 6. 7.
플러터 개발환경 셋팅 [1/4] - flutter SDK 플러터란 무엇인가? 앱 만드는건데요. 원래 안드로이드 따로 아이폰 따로 만들었었는데 얘는 한번의 프로그래밍 으로 안드로이드, 아이폰, 웹까지 한방에 컴파일 되는 엄청 멋진 개발 도구예요. 구글에서 만든 그리고 구글에서 야심차게 밀고 있어서 앞으로 더 기대가 될수도(?) 있다고 저는 확신하는데 (지금의 나도 과거의 내가 상상도 못했던 만큼 미래는 알 수 없는거라서 책임은 못 짐) 바로 설치 시작합니다~ 1. 플러터 SDK 설치 및 환경변수 설정 플러터 SDK (Software Development Kit) 를 다운받기 위해 아래의 사이트에 접속합니다. https://flutter.dev/ Flutter - Build apps for any screen Flutter transforms the entire .. 2022. 6. 7.