프로그래밍 언어 및 IT 정보/Flutter 4

[flutter] 에러 : Expected a key while parsing a block mapping.

안녕하세요 :) 오늘은 flutter 에서 발견한 문제를 공유하고자 합니다. Error detected in pubspec.yaml: Error on line 61, column 4: Expected a key while parsing a block mapping. 저같은 경우는 Image를 yaml 파일에 사용한다고 asset 추가할때 발생하는 문제였습니다. 저는 image/ 폴더 안의 이미지 전체를 넣으려고 Path를 잡으니, 저 에러가 발생했습니다. 위 두개의 코드에서 자이를 아시겠나요 ? 센스 있는 분들은 아실지도...! 저는 몰랐습니다.... .yaml 파일은 들여쓰기의 의미가 굉장히 민감합니다. 그래서 assets의 들여쓰기 정도가 달랐기 때문에 발생한 문제입니다. 항상 .yaml파일은 만질때..

[flutter]2. flutter StatelessWidget, StatefulWidget

안녕하세요 ! 오늘은 플러터의 기본적인 StatelessWidget , StatelessWidget에 대해서 알아보려고 합니다. flutter 메인 홈페이지의 Document에서 제일 처음으로 나오는 내용이죠 ! 1. StatelessWidget 먼저 공식 홈페이지에서 확인해보자면. StatelessWidget은 "변경 가능한 상태가 필요하지 않은 위젯" 이라고 합니다. 조금 쉽게 설명을 드리자면, 화면이 로드될 때 한 번만 그려지는 State가 없는 위젯으로 변경이 필요한 Data가 없는 것을 의미하며 이벤트 또는 사용자 상호 작용에 의해서 동작하지 않습니다. 쉽게 예를 들면, 가게를 소개하는 앱이라면 가게 안내, 위치, 메뉴 안내 같은 화면들은 사용자와 상호작용이 필요 없는 화면이므로 Stateles..

[flutter]1. flutter SDK 설치하기(Windows) with VScode

이번 시간에는 윈도우에서 플러터를 설치해보려 합니다 ! 저는 안드로이드 스튜디오가 아닌 Visual Studio Code 를 사용하여 설치하려 합니다 :) 안드로이드 스튜디오 버전은 다음 포스팅에 하겠습니다 ! 1. Flutter SDK 다운로드 아래 링크에서 자신에게 맞는 OS로 다운로드해서 적당한 위치에 압축을 풀어줍니다 :) 저흰 윈도우에서 진행하니까 Windows 버전으로 받아야겠죠? https://flutter.dev/docs/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. flutter.dev..

Flutter란? - Cross-Platform

앱 개발은 해보고싶고.. 안드로이드, 아이폰 따로 따로 공부하자니 막막하고.. 한번에 개발할 수 없을까 !? 그러다 알게된 Flutter를 소개하려 합니다 :) 스마트폰의 앱 개발 방식은 3가지로 분류됩니다. ● 네이티브 방식 - Native App -안드로이드나 ios 자체에서 제공하는 개발환경으로 개발하는 형식 안드로이드(안드로이드 스튜디오 - Java, Kotlin언어 사용) ● 하이브리드 방식 - Hybrid App -웹 기술을 활용하여 앱화면을 만든 후 네이티브 기술로 감싸서 앱 형태로 보여주게 만드는 방식 ● 크로스 플랫폼 방식 - Cross-Platform App -안드로이드와 ios,등 각 플랫폼용 앱을 한번에 구현하는 방식 (Xamarin-C#, Flutter-Dart, React Nat..