반응형 Flutter10 [Flutter] dependencies와 dev_dependencies 차이점 Flutter 프로젝트를 관리할 때, pubspec.yaml 파일은 프로젝트의 종속성을 정의하고 있는 중요한 파일 중 하나입니다. 여기서 dependencies와 dev_dependencies는 프로젝트가 어떤 외부 패키지를 사용하는지를 명시하는 데 사용됩니다.Dependencies:dependencies 섹션은 앱의 런타임에 필요한 패키지들을 나타냅니다. 이러한 패키지들은 앱이 실행 중일 때 사용되며, 앱의 기능이나 로직을 구현하는 데 필요한 주요 라이브러리들을 여기에 포함합니다. 이러한 패키지들은 사용자가 앱을 실행하는 동안 필요한 라이브러리들로, 배포된 앱에도 포함됩니다.예를 들어, HTTP 요청을 처리하기 위한 http 패키지를 dependencies에 추가할 수 있습니다.yamlCopy code.. 2024. 1. 17. [Flutter] unable to resolve class GradleException 에러 / build.gradle 에러발생 build.gradle에서 minSdkVersion을 바꾼다든지, build.gradle 파일을 수정하면 갑작스러운 에러를 발견할 수 있다. 아래와 같이 GradleException 부분에 'unable to resolve class GradleException @line 11, column 15.' 에러가 나타나는 것을 확인할 수 있다. unable to resolve class GradleException @line 11, column 15. 해결방법 GradleException를 FileNotFoundException로 변경해주면 된다. FileNotFoundException 2023. 5. 21. [Flutter] 지도 사용 Google Map API, geolocator 플러그인 패키지 개발환경 설정 / 플러터 구글 맵 Contents 구글 지도를 사용한 앱을 개발하기 위한 환경 세팅을 살펴보도록 하자. 플러그인 찾고 등록하기 아래의 공식사이트에서 사용할 패키지를 검색하고, 패키지 이름과 버전을 가져온다. https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs. pub.dev Google Maps for Flutter Plugin google_maps_flutter 패키지 해당 플러그인은 flutter.dev 플러터 공식팀이 관리한다. https://pub.dev/pack.. 2023. 3. 20. dd oo 2023. 3. 6. [Flutter] Stateless 위젯을 Stateful 위젯으로 바꿔보기 Content 해당 화면은 위젯을 색성하고 삭제가 가능하며 색바꾸기를 누르면 다른 색으로 변경이 된다. StatelessWidget으로 구현한 코드 main.dart 파일 import 'package:flutter/material.dart'; import 'package:flutter_lifecycle/screen/home_screen.dart'; void main() { runApp(MaterialApp( home: Root(), )); } class Root extends StatefulWidget { const Root({Key? key}) : super(key: key); @override _RootState createState() => _RootState(); } class _RootState.. 2023. 2. 8. [Flutter] 플러터 Flutter 공부 로드맵 / 플러터 공부 방법 / 플러터 공부 순서 해당 자료는 플러터(Flutter)에 대한 공부를 하는 순서이자, 방법입니다. 해당 로드맵을 보고 꼭 공부해야 하는 부분과 선택적으로 공부를 하면 좋을 부분을 알 수 있습니다. 전체적으로 플러터를 공부할 때, 어떤 것들이 있는지 한 눈에 확인할 수 있습니다 :) 2023. 2. 5. [Flutter] 플러터 vscode 유용한 환경 설정 / 플러터 vscode 개발환경 세팅 설정 / setting json 목차 비주얼스튜디오(vscode)에서 JSON 파일을 변경해 유용한 기능들을 설정할 수 있다. 우선 Ctrl + Alt + P를 눌러 커맨드 팔레트를 띄우고, setting을 입력해 아래와 같이 setting.json 파일을 연다. Open User Settings(JSON) 열기 settings.json 열기 이전에 Flutter&Dart 맞춤 기본 설정 값이 들어가는 "[dart]"가 있다. 오른쪽 아래에 물음 말이 뜰텐데 Yes를 누르면 자동생성된다. 안 뜬다면 아래의 코드를 복붙하자. "[dart]": { "editor.formatOnSave": true, "editor.formatOnType": true, "editor.rulers": [80], "editor.selectionHighlight".. 2023. 1. 28. [Flutter] 플러터 vscode 애뮬레이터로 실행하기 / vscode 모바일 디바이스로 실행 비주얼스튜디오 코드에서 모바일 디바이스 화면을 띄울 수 없을까? 그러나 위와 같이 홈페이지의 형태가 아니라 아래와 같이 모바일 디바이스의 형태로 띄워주고 싶을 수도 있다. 이는 비주얼 스튜디오 코드(Visual Studio Code)에서도 가능하다. 이는 애뮬레이터(emulator)이다. 위와 같이 모바일 디바이스로 vscode에서 애뮬레이터를 띄우기 위해서는 '안드로이드 스튜디오(Android Studio) 애뮬레이터 가상 디바이스 설치'가 필요하다. 결국은 vscode에서 android studio를 기반으로 안드로이드 스튜디오에 있는 애뮬레이터로 디버깅 하는 형태인 것이다. 안드로이드 스튜디오에서 플러터 개발환경 세팅은 아래의 글을 참고하자. 아래의 과정이 완료되고 나서 vscode에서 설정을 할 .. 2023. 1. 28. [Flutter] 플러터 vscode 개발 환경 구축 / 플러터 비주얼스튜디오 개발 환경 / 플러터 vscode 애뮬레이터 / vscode 확장 설치 오류 VSCode에서 Flutter를 사용하기에 앞서, Flutter SDK 설치와 설정이 필요하다. 해당 부분은 아래의 글을 참고하고 설치가 완료되었다면 VSCode 설치를 진행한다. [Flutter] 플러터 개발환경 구축 및 세팅 [Flutter] 플러터 개발환경 구축 및 세팅 Flutter 개발환경 구축하기 1. 윈도우 플러터 개발 환경 구축 (1) 플러터 SDK 다운받기 아래의 플러터 홈페이지에 접속해 플러터 SDK를 다운받는다. https://docs.flutter.dev/get-started/install Install Install Flutte parkjh7764.tistory.com Visual Studio Code 설치하기 vscode 공식 사이트에 접속한 뒤, 자신의 운영체제(OS)에 맞게 .. 2023. 1. 28. 이전 1 2 다음 반응형
