Flutter

애플리케이션을 네이티브로 만들면 운영체제에 직접적으로 명령을 하는 것과 같다버튼이나 인풋 등의 요소를 코드로 만들면 그 것을 운영체제에 요청하고운영체제는 안드로이드나 iOS 상의 엘리먼트를 만든다플러터는 운영체제와 직접적으로 소통하지는 않는다플러터에서는 안드로이드나

개인적으로는 iOS 스타일로 iOS만 개발한다면 React Native 를 쓰는 편이 좋을 것 같다..네이티브 위젯을 사용해야 한다 (iOS 를 사용한다) : React Native 는 운영체제와 직접 소통하면서 네이티브 위젯을 생성세밀한 커스터마이징을 해야할 경우운영

runApp 은 import 'package:flutter/material.dart'; 이 패키지에 있는 함수로 아무것도 리턴하지 않는다Widget 타입의 매개변수가 필요하다리액트의 컴포넌트 같은 느낌이다모든 것은 위젯으로 이루어져 있고각 위젯을 합쳐서 화면을 구성한다

플러터는 객체지향 프로그램이다위젯은 모두 클래스다위젯의 constructor 에 마우스를 대면 우리가 알아야 할 모든걸 보여준다위젯을 사용할 때마다 클래스를 인스턴스화 하는 것이다 \-> new 연산자가 생략된 상태이러한 형식은 Text 위젯에서 사용된다이러한 형식은

vscode 에서 Scaffold 에 마우스를 올려보면PreferredSizeWidget? appBar, 로 appBar 는 옵셔널 하다는 것을 알 수 있다삭제를 하게되면 상단에 고정되어있던 appBar 가 사라지면서화면 전체에 대한 스타일만을 변경할 수 있게 된다ba

다트, 플러터를 할 때는 VSCODE 를 사용하는 편이 좋다구글에서 이 쪽을 더 지원하는 것 같다고 하는데 정말 그런 것 같다플러터 실행을 VSCODE 에서 하면멋진 개발 툴을 제공한다디버깅 모드, Widjet Inspector 등코드를 변경하지 않고도 위젯의 취치를

$를 문자로사용하려면 자바스크립트에서와 같이 \\ 백슬래시를 앞에 붙여서해당 달러 사인이 문자열임을 알려줘야 한다빈 공간을 선언할 때 css, react native 에서는 margin 으로 주는데플러터에서는 SizedBox를 사용하는 것 같다html 의 div 보다는

플러터 개발 시 파란 경고 줄이 뜬다다트의 const 는 상수로 값을 사전에 알 수 있는 변수를 사용할 때 쓴다const 는 값을 미리 알고있는 변수이기 때문에const 로 작성된 변수를 사용하는 곳에서는 해당 변수를 참조하도록 만드는 것이 아니라컴파일 이전에 그 곳에

플러터는 모두 객체인 위젯으로 이루어져 있기 때문에이미 존재하는 코드에 패딩을 주는 간단한 일을 하는 것도큰 작업이 된다Padding() 의 괄호 안에 기존 코드를 넣어야 하기 때문플러터의 코드 액션은 이러한 부분을 간단히 해결할 수 있게 해준다감싸길 원하는 위젯의 이

플러터에서는 지정된 공간보다 더 큰 ui 가 자식으로 들어갔을 때디버깅 화면에 경고를 띄운다해당 위젯은 css의 flex와 비슷한 것 같다axis alignment에 space between 같은 값을 줄 수 있다위젯을 분리하여 재사용할 수 있는 컴포넌트로 만들 수 있

withOpacity(0.8) 등 계산이 필요한 클래스를 사용하면컴파일 전에 값을 알 수 없기 때문에const 를 사용할 수 없게 된다Container 에 어떤 스타일도 적용하지 않는다면경고 메시지가 뜬다..ㅎ플러터로 아직 엣지 디테일을 주기엔 어렵다마크업만 하니까 굉

Transform.scale() 을 사용하면 다른 곳에 영향을 주지 않으면서 크기를 변경할 수 있다 Clip.hardEdge 을 주게되면 overflow: hidden과 같다 Reusable Widget 기존 코드에서 Container 를 분리하여 재사용 가능한 사

state 를 갖는 위젯으로위젯에 데이터를 저장하고, 변경 시 UI 의 변화를 일으킨다statefull widget 은 2부분으로 나뉘어진다1\. 상태가 없는 위젯2\. 위젯이 가지는 상태code actions 로 stateless widget 을 statefull w

리액트와 마찬가지로 플러터의 state를 변경하기 위해서는setState() 를 사용한다setState 의 콜백 안에서 변경할 값을 변경해주면 된다setState를 통해 상태가 변경되면해당 상태를 가지고 있는 flutter 위젯의 build 메소드가다시 실행된다사실 s

플러터는 앱의 모든 스타일을 한 곳에서 정의할 수 있는 기능을 제공한다일일히 inline style로 넣지 않아도 된다MeterialApp 의 속성으로 theme 값을 설정해주면앱에 기본 스타일을 줄 수 있다theme 스타일 설정 후자식인 LargeText 의 색상을

StateWidget 은 생명주기가 있다이벤트에 따라 생명주기를 달리한다Stateful Widget 은 initState() 메소드를 가지고 있다상태를 초기화하는 메소드로 대부분의 경우 생략 가능하다부모 요소에 의존하는 데이터를 초기화해야 할 경우context를 초기화

플러터 프로젝트에 이미지를 넣기 위해서는 yaml 파일에서 사용할 폴더에 대한 설정을 해줘야 한다프로젝트 루트 폴더에 assets 폴더 생성pubspec.yaml

플러터는 vscode 로 sdk 를 설치하기를 권장한다먼저 Xcode, Android Studio,자바 SDK 를 설치VSCode extension 에서 flutter 설치vscode 에서 cmd + shift + Pflutter 검색, Flutter: New Proj