lgvv98

✅ 이번 시간에는 버튼에 대해서 알아볼 예정이야. 패치강좌가 1,2로 연속해서 있어서 18강 이후에 들으면 좋아 RaisedButton -> ElevatedButton FlatButton -> TextButton OutlineButton -> OutlinedButton 강의가 길었지만 전체적으로 어려운건 없었어. 🔸주요 특이점🔸 - TextButton에서 background속성이 존재하지만 다른 버튼에는 백그라운드가 없어서 styleForm안에서 color를 사용해서 백그라운드를 설정해야 한다. ✅ 코드리뷰 및 이해 import 'package:flutter/material.dart'; // 데스크탑, 앱 등에 고루 UI를 적용할 수 있게 해주는 구글이 제공해주는 패키 void main() => runA..

✅ 이번 시간에는 플러터 2.0으로 인해서 SnackBar의 사용이 완전히 달라졌어. 그래서 18강이 안되서 26강으로 패치강좌를 진행했는데 여기로 보기! 혹시라도 강의를 보고 따라하는 사람이라면 이 시점에서 패치강좌쪽으로 건너 뛰는것을 추천해. 또한 이번 강의는 상당히 복잡한 개념들과 앱 개발에 있어서 상당히 중요한 것들이 많으므로 집중 그리고 또 집중할 것! 그리고 플러터 하면전환에 대한 간단한 코드들을 엿볼 수 있다. 😃 이번 포스팅은 길어서 다음 포스팅까지 이어집니다...~~ 1. ScaffoldMessenger class 2. Buttons(TextButton, ElevatedButton, OutlinedButton) 3. Global Key ✅ Why ScaffoldMessger? 우선 Sca..

✅이번 시간에는 BuildContext에 대해서 보고 넘어가자..! BuildContext의 개념과 역할은 상당히 중요하나, 공식문서에는 추상적으로 나와있다. "Scaffold.of() called with a context that does not contain a Scaffold" 라는 에러를 종종 볼 수 있는데, 개념과 역할을 정리해 보자. flutter 공식 문서에 따르면 BuildContext의 정의를 Dart는 모든 것이 타입을 갖고 있다. Widget이란 타입의 build메소드를 통해 BuildContext타입의 context를 인자값으로 받아온다. Scaffold의 위치를 참조하면 에러가 나는데, 그럼 어떻게 참조해야할까? 부모의 context를 갖고 있으니 context를 참조하면 가능하..

✅이번시간에는 지난 시간에 이어서 Drawer 메뉴 만들기 2에 대해서 알아보려고 해. Drawer 1,2가 나뉜 이유는... 내가 지난 시간에 1까지 밖에 시간이 안되서 1까지 공부하고 포스팅을 했는데 거기에 2를 합치는 것이 너무 번거로워서 그냥 따로 분기하기로 함..! 이번 시간 주요 내용은 이렇게 돼! ✅코드리뷰 및 코드 설명 import 'package:flutter/material.dart'; // 데스크탑, 앱 등에 고루 UI를 적용할 수 있게 해주는 구글이 제공해주는 패키 void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return..

✅ 이번 시간에는 Drawer 메뉴 만드는 방법에 대해서 알아볼 예정이야. 아래 이미지를 보면 AppBar에서 햄버거 모양을 클릭하면 뷰가 저런식으로 열리는 것을 의미해. iOS 네이티브 개발에서는 이런 화면을 만들기 위해서 라이브러리를 사용했었는데... Drawer로 쉽게 된다는게 충격 ✅ Swift로 iOS 개발할 때 사용한 라이브러리 https://github.com/John-Lluch/SWRevealViewController GitHub - John-Lluch/SWRevealViewController: A UIViewController subclass for presenting side view controllers inspired on the Fac A UIViewController subcla..

✅ 이번 시간에는 Appbar 메뉴 아이콘 추가하는 방법에 대해서 알아보자. 스위프트에서는 네비게이션 바라고 부른다..! 시작하기에 앞서... 이번에는 print를 통해 로그를 찍어보는 작업이 많았는데 안드로이드 스튜디오에서는 로그를 볼 수 있는 창이 안보이는거임... 진짜 너무 분노한 상태에서 어떻게 할까.. 찾아보다가 바로...! 보이는가? 실행 옆에 벌레모양을 클릭하면 console창이 열리면서 디버깅 콘솔이 열려 ㅠ... 이거 없으면 json 내려받아서 구조볼 때 어떻게 하는지 고민이었는데 아무튼 ✅ 코드리뷰 및 코드 이해 import 'package:flutter/material.dart'; // 데스크탑, 앱 등에 고루 UI를 적용할 수 있게 해주는 구글이 제공해주는 패키 void main()..