플러터 노트

1주차 > 프레임워크? 어떤 규칙대로 코드를 작성하면 원하는 앱이나 웹을 만들어주는 코드 뭉치들 VSCode와 친해지기 Dart 문법 이해하기 1-2 why flutter 네이티브 앱 개발 android programming language: java, kotlin

1-4 flutter 이해하기 Widget으로 만들어져있다. 앱을 만드는데 사용되는 모듈 like 레고 위젯들을 조합해서 화면을 그리는데, 이 위젯들의 조합이 나무와 같이 생겼다 하여 Widget tree라고 부른다고 한다. 핵심 개념은 제일 상단에 있는 위젯으로부터

1-6 로그인 페이지 만들기 AScaffold를 짓고 위젯을 그려나간다. body Text("Hello Flutter",style: TextStyle(fontsize: 28)여기에서, fontsize는 double을 받는다. type double이란? 소수점이 들어가는

https://docs.flutter.dev/development/ui/widgetshttps://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG flutter 개발을 하려면 어떤 w

1-9 Dart DartPad https://dartpad.dev/ 왼쪽에 코드를 작성하면 오른쪽에 결과가 보인다. main() 함수는 항상 있어야 한다. 다트는 main() 함수를 먼저 실행한다. main() 함수를 써주지 않으면 아무것도 실행이 되지 않는다. v

func은 여러 코드를 묶어둔 상자 함수의 생김새 say 라고 적혀있는 부분이 함수의 이름 중괄호 {} 안쪽 영역이 함수가 가진 실행 코드들 화살표 함수는 함수 표현식의 단축형이다. (참고) 함수의 표현 방법 첫 번째 줄에 있는 main도 함수이다. 단

2주차 - 다양한 위젯을 활용해 화면 그리기 flutter의 widget 이해하기 화면 그리는 위젯 이해하기 당근마켓 만들기 flutter의 모든 위젯은 stateless와 stateful로 나눌 수 있다. statelessWidget 상태 변화가 없어 새로고침을 할

이어서 학습하자.화면안에 있는 내용이 변하는 위젯 <-> stateless에서는 build 함수가 딱 한 번만 실행된다. stateful은 클래스가 두 개다. 첫 번째 class는 statefulWidget을 상속 받아서 만들어주고 그 다음에 createState

잠깐 몇일 dart 스터디 하느라 vscode 안 켰다고 금세 잊어버린 command palette 단축키 command shift p 계속 사용해줘야 한다. vscode 실행command palette - new project - app - 저장 폴더 선택 main.

프로젝트 구축했으니, 본격적으로 화면을 만들어보자. (예열이 매우 오래걸림 🥹)앱을 시작할 때 MaterialApp으로 앱을 시작하고,home이라는 '이름지정 매개변수(named parameter)'에 첫 번째 페이지 위젯을 만들어 전달한다. 앱 bar 만들기flut