본문으로 건너뛰기
플러터 기초

플러터 기초

플러터의 기본 위젯 4가지

플러터는 위젯을 조합하여 뷰를 그려냅니다.

Text, Image, Icon, Box 기본 4가지가 있습니다.

이미지 같은 경우 다음과 같이 설정해주세요.

pubspec.yaml
이 파일은 앱에서 필요한 모든 것들이 담겨있는 파일입니다.

이곳에 이미지를 등록시켜주어야 합니다.

프로젝트 루트에 assets 폴더를 만들어주고 안에 이미지를 넣어주고, pubspec.yaml에 다음과 같이 해주시면 됩니다.


O-h-y-o약 2 분AppFlutterCross PlatformAppFlutterCross Platform
Flutter 설치

Flutter 설치

Flutter 다운로드

https://docs.flutter.dev/get-started/install

해당 링크를 들어가서 자신의 운영체제에 맞는 것을 찾아서 다운로드를 받고, 압축 해제를 해주세요.


환경변수 설정

Window의 경우 환경 변수를 들어가서 사용자 변수에 path에 flutter를 압축 해제한 경로에서 /bin 을 추가하여 적은 뒤 생성해주세요.


O-h-y-o1분 미만AppFlutterCross PlatformAppFlutterCross Platform
사용자에게 앱 업데이트 소식 알리기

사용자에게 앱 업데이트 소식 알리기

Capacitor는 웹뷰를 사용하기 때문에 단순 컨텐츠 업데이트는 웹을 통하여 가능합니다.

하지만 카메라 사용, 키보드 이벤트 같은 경우에는 순수 자바스크립트로는 접근할 수가 없기 때문에 플러그인을 이용하여 접근할 수 있습니다.

이번 글은, 웹 업데이트가 아닌 앱 자체 업데이트가 되었고 사용자에게 스토어에서 업데이트를 받게 하는 방법입니다.

우선 @capacitor/app-launcher 와 @capacitor/app, @capacitor/core 를 설치해주세요.


O-h-y-o1분 미만AppCapacitorQuasarAppCapacitorQuasar