반응형
Flutter - Visual Studio Code 코드 작성 편하게 하기(자동 완성, 위젯 감싸기, 위젯 추출하기, 파란 밑줄 없애기)

Flutter - Visual Studio Code 코드 작성 편하게 하기(자동 완성, 위젯 감싸기, 위젯 추출하기, 파란 밑줄 없애기)

자동 완성 기능 컨트롤 + 스페이스 원하는 위치에 코드 작성시 자동 완성 기능을 이용하면 코드 작성이 용이 할 수 있습니다. 자동 완성 사용 예시 상위 위젯을 추가하거나 추출하기 (Refactor) 위젯 좌측의 노란색 전구 모양 클릭 혹은 컨트롤 + 시프트 + R 수동으로 하는 것보다 편리하며 무엇보다 직접 작성시 발생되는 오류를 줄일 수 있습니다. 상위 위젯 추가(Column) 예시 정상적으로 상위 위젯이 추가된 코드 화면 파란 밑줄 없애기 dart 언어로 작성을 하면 파란색 밑줄이 보여서 코드 가독에 불편한 경우가 발생합니다. 이는 클래스의 인스턴스를 생성하기 위해 const 생성자를 사용하도록 제안하는 규칙입니다. const 생성자를 사용하여 생성하면 성능이 향상되고 메모리 사용량을 줄일 수 있으나..

  • format_list_bulleted Mobile/Flutter
  • · 2023. 4. 26.
  • textsms
Flutter - VS code로 프로젝트 생성하고 'Hello World!' 출력해보기 (+플러터 플러그인 설치)

Flutter - VS code로 프로젝트 생성하고 'Hello World!' 출력해보기 (+플러터 플러그인 설치)

이 포스팅은 Visual Studio Code를 이용하여 프로젝트를 생성하는 방법을 다룹니다. 프로젝트 생성을 위한 Flutter Extension 설치 Visual Studio Code 실행 좌측의 네모 4개가 있는 아이콘 클릭 (Extensions) 검색 창에서 'flutter' 검색 인스톨 버튼 클릭 플러터 프로젝트 생성하기 메뉴의 VIew - Command Palette 'flutter' 입력 - Flutter: New Project Application 프로젝트를 저장할 경로 선택 포스팅에서는 'FlutterWorkspace' 라는 이름으로 지정해주었습니다. 프로젝트 이름 지정 포스팅에서는 'hello_flutter' 라고 지정 플러터 프로젝트 폴더 생성 해당 폴더를 신뢰할 것인지 알림창이 뜸 ..

  • format_list_bulleted Mobile/Flutter
  • · 2023. 4. 25.
  • textsms
Flutter - 설치 및 다운로드, 환경 변수 추가, 환경 구축 (+VS code, Android Studio)

Flutter - 설치 및 다운로드, 환경 변수 추가, 환경 구축 (+VS code, Android Studio)

플러터 설치 플러터 다운로드 플러터 공식 홈페이지에 접속하여 설치 파일 다운로드 https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems. docs.flutter.dev 자신의 환경에 맞는 운영체제 선택 포스팅에서는 windows 10의 환경에서 설치를 진행하였습니다. 페이지가 이동되면 하단의 'Get the Flutter SDK' 타이틀에서 파란색 버튼을 클릭하여 다운로드 진행 다운로드 받은 파일 압축 해제 - 가능한 한글이 없는 곳에 위치 Program Files 폴더..

  • format_list_bulleted Mobile/Flutter
  • · 2023. 4. 25.
  • textsms
Flutter Doctor Error) Windows Version (Unable to confirm if installed Windows version is 10 or greater)

Flutter Doctor Error) Windows Version (Unable to confirm if installed Windows version is 10 or greater)

Error 윈도우 운영체제가 10임에도 오류가 나는 상황 발생 해결 방법 명령 프롬프트 - 플러터가 설치되어 있는 경로 - 아래의 명령어 입력 flutter upgrade flutter channel master flutter doctor -v flutter upgrade flutter channel master flutter doctor -v flutter doctor 참고 Flutter doctor - Windows Version (Unable to confirm if installed Windows version is 10 or greater)

  • format_list_bulleted Mobile/Flutter
  • · 2023. 4. 25.
  • textsms
Flutter Doctor Error) Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed toresolve this.

Flutter Doctor Error) Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed toresolve this.

Error 해당 에러는 플러터 닥터로 안드로이드 라이센스를 동의하려 할 때 발생하였다. 안드로이드 라이센스를 동의해야 하는데 에러가 나서 동의를 못하는 상황 flutter doctor --android-licenses Error : Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this. 해결 방법 안드로이드 SDK가 설치되어있지 않거나 cmdline-tools가 설치되어 있지 않아서 발생하는 현상 안드로이드 스튜디오 실행 메뉴에서 File - Settings Appearance & Behavior - System Settings - ..

  • format_list_bulleted Mobile/Flutter
  • · 2023. 4. 25.
  • textsms
Flutter - 플러터란, 플러터 사용 이유, 크로스 플랫폼 앱 특징

Flutter - 플러터란, 플러터 사용 이유, 크로스 플랫폼 앱 특징

Flutter란? 구글이 출시한 오픈 소스 크로스 플랫폼 GUI 애플리케이션 프레임워크 GUI : 그래픽 유저 인터페이스, 사용자가 그래픽을 이용하여 상호작용을 할 수 있는 인터페이스를 의미 안드로이드, iOS, 윈도우즈, 리눅스 및 웹용 애플리케이션 등 주된 소스 코드로 사용 Dart 언어를 사용하여 소스 코드를 작성 Dart : 구글이 디자인한 멀티 플랫폼 프로그래밍 언어 플러터를 사용하는 이유 (Native vs Cross Platform) 가장 큰 이유는 네이티브 앱으로 만든 앱을 다른 환경에 맞게 두 번 만들 번거로움이 없어진다는 것 네이티브 앱과 크로스 플랫폼 앱의 특징과 장단점을 살펴봅시다. 네이티브 앱(Native App) 하나의 환경에 맞게 개별로 앱을 만드는 것 예시) 모바일 기기 An..

  • format_list_bulleted Mobile/Flutter
  • · 2023. 4. 25.
  • textsms
반응형