반응형 [Flutter] 플러터 VSCode 안드로이드 개발환경 세팅 링크에서 플러터 설치 방법을 안내합니다. 위 글을 통해 여러분이 환경 변수를 잘 설정하고 flutter doctor를 실행하셨다면 다음과 같은 경고 메시지를 받으실 것입니다. 이제 안드로이드 스튜디오를 설치해야 합니다. https://developer.android.com/studio Download Android Studio & App Tools - Android Developers Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today. developer.android.com 콘솔에서 안드로이드 권한 .. 2022. 8. 22. [Flutter] Could not open settings generic class cache for settings file 이 문제로 오랜 시간 삽질을 하다가 방법을 찾아서 공유합니다. 빌드를 하다가 이 문제를 만나셨을 것입니다. 거두절미하고 플러터 안드로이드 빌드 시에 발생한 문제를 해결해보겠습니다. 위 이미지는 PowerShell 터미널에서 뜬 에러 로그입니다. 해결 방법 : Java 버전 변경 Java 11 등의 버전을 사용하는 경우 Java 8 버전으로 변경해주세요. Java 8을 사용하면 이 오류가 해결됩니다. 8 버전은 마지막 무료 라이센스 버전입니다. 변경이 불안하신 분들은 자바 8 버전과 11 버전의 차이점을 확인해보시기 바랍니다. 8버전은 다행히도 지속적으로 업데이트되고 있습니다. CMD에서 현재 사용 중인 자바 버전 확인 jdk-8 버전 설치하기 오라클 사이트에 가입하시면 다운받을 수 있습니다. 여기서 jd.. 2022. 8. 21. [Flutter] 기본 위젯 4 개 : 이미지, 텍스트, 아이콘, 박스 플러터 프로젝트를 켜고 첫 번째로 할 일 1. main 함수 빼고 다 지워줍니다. 2. stless를 입력해서 StatelessWidget 한 개를 커스텀으로 생성합니다. 3. Widget build 메소드 안에 있는 Container를 지웁니다. 4. 그 자리에 MaterialApp();을 작성합니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: .. 2022. 8. 17. [Flutter] VSCode에서 프로젝트 시작하기 프로젝트 생성 ctrl + shift + p > Flutter New Project 프로젝트 구조 pubspec.yaml : 프로젝트의 메타데이터 즉 사용환경을 정의 android / ios폴더 test 폴더 : 각종 Dart 파일을 테스트하는 곳 lib > main.dart : 핵심 작업 공간 기본 코드 runApp()은 플러터의 최상위 함수입니다. 이 메소드는 반드시 위젯을 받아야 합니다. MyApp 위젯은 뼈대이므로 변하지 않는 위젯, Stateless Widget이 됩니다. stl 약어를 이용해서 코드스니펫을 불러오고 클래스 명을 MyApp으로 합니다. Container는 MaterialApp으로 바꿔줍니다. 머티리얼 패키지의 모든 기능을 활용할 수 있게 됩니다. 2022. 8. 4. [Flutter] Stateless Widget과 Stateful Widget 차이 (+LifeCycle) 차이점 StatelessWidget은 그려지고 나면 변화가 없는 요소 StatefulWidget은 다시 그려질 수 있는 요소 양쪽 모두 State를 생성합니다. (Mutable / Immutable State) 라이프 사이클 StatelessWidget은 한 번 그려지면 끝입니다 StatefulWidget의 라이프 사이클 주요 메소드 createState() 새로운 Stateful 위젯을 만들 때 생성되며 state 인스턴스를 반환합니다. class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState(); } mounted(true) State object를 생성하면, 프레임워크는 m.. 2022. 8. 4. [Flutter] 맥에서 flutter doctor 실행 안 되는 문제 해결방법 맥 터미널에서 flutter doctor가 실행되지 않을 때 해결방법 터미널에서 홈 경로로 이동합니다. cd ~ ".bash_profile" 파일이 있는지 확인하고 없으면 생성합니다. 존재여부 확인 방법입니다. 만약 있으면 파일이 열립니다. ls -la .bash_profile 생성 touch .bash_profile ".bash_profile"을 열어줍니다. open .bash_profile 열린 ".bash_profile"에 path를 입력하고 저장합니다. * 아래처럼 입력하되 대괄호는 쓰지 않습니다 * export PATH=${PATH}:[~SDK위치~]/flutter/bin Cmd + S로 저장합니다. 터미널로 돌아와서 방금 변경한 .bash_profile 파일을 적용합니다. source .bas.. 2022. 8. 4. [Flutter] 플러터 3.x 설치 및 환경설정 iOS, Android, Web Flutter 3.x 설치 및 환경설정 순서 시스템 최소 요구사항 확인 Flutter SDK 받기 환경변수 업데이트 Flutter Doctor 실행 플랫폼 설정 (Android / IOS) 추가 설정 플러터 3.x 버전의 설치 과정을 한 문서에서 볼 수 있도록 작성했습니다. 본 가이드를 따르면 Mac, Windows, IOS, Android, Web 개발을 위한 모든 환경설정을 마칠 수 있습니다. 시스템 최소 요구사항 확인 윈도우 : Windows 10 or later (64-bit), x86-64 based. 여유 공간 : 1.64 GB 설치 도구 : PowerShell 5.0+ 또는 Git for Windows 2.x+ 맥 : macOS 여유 공간 : 2.8 GB 설치 도구 : Xcode와 Git 플.. 2022. 8. 4. 이전 1 다음 반응형
