lgvv98

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

✅ 프로그래밍 상에서 클래스란? - 객체가 가져야하는 속성과 기능을 정의한 내용을 담고 있는 설계도 역할 ✅ 프로그래밍 상에서 객체란? - 클래스가 정의된 후 메모리상에 할당되었을 때 이를 객체라고 함. ✅ 프로그래밍 상에서 인스턴스란? - 클래스를 기반으로 생성된다. - 클래스의 속성과 기능을 똑같이 가지고 있고, 프로그래밍 상에서 사용되는 대상 ✅ 다트패드에서 클래스의 생성자에 대해서 알아보자 class Person { String name = 'John'; int? age; String? sex; } void main() { Person p1 = new Person(); p1.age = 30; print(p1.age); } // return 30 클래스의 생성자는 자바에서 썼던 방식과 같아서 쉽게 ..

✅ 이번 시간에는 part1,2를 동시에 정리해 보았다. 이전에 개발을 했어서 그런지 위젯을 다루는 것이 크게 어렵지 않았다. ❗️포스팅을 보기 전 이 글의 맨 아래에 변경사항 부분이 있는데 꼭 참고하길 바람. 여기서는 Divider와 Center안에 Columns 그 안에 Center를 이용해서 UI구성을 보았는데 상당히 신박했다 ✅ 코드리뷰 및 코드에 대한 설명 import 'package:flutter/material.dart'; // 데스크탑, 앱 등에 고루 UI를 적용할 수 있게 해주는 구글이 제공해주는 패키 void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext..

1. 캐릭터 카드 페이지 만들기 ✅ CenterTitle : title을 중앙에 위치 시킴 - True or False ✅ appbar Background : 앱바 배경색 바꿈 ✅ elavation : 앱 바에 있는 그림자 설정 2. padding widget ✅ Padding 위젯 사용 ❗️유의할 점❗️ 플러터에서는 가로축에 대해서는 width를 꽉 채우게끔 레이아웃이 잡혀 있는데, 세로축에 대해서는 레이아웃을 잡지 않는다. 따라서 mainAxisAlignment: MainAxisAlignment.center 이 코드는 세로 축을 기준으로 중심에 위치하게 하는 코드이다. ✅ Center 위젯 사용 Center를 통해 가로축 상의 가운데를 잡고, 세로축 상의 중심은 mainAxisAlignment: Ma..

1. 플러터 프로젝트 폴더의 구성 ✅ pubspec.ymal : 프로젝트의 버전 라이브러리 등등을 관리 ✅ 안드로이드 폴더 및 iOS폴더는 각각의 플랫폼에 배포하기 위한 코드를 가짐 ✅ test폴더는 Dart코드 테스팅 위한 코드 ✅ ⭐️ lib폴더 여기서 앱 만들 때 작업을 주로 한다 2. 코드의 기본 내용 / 앱 페이지의 기본 구조 공식화 하기 ✅ 클래스 명과 함수 명 - main(), runApp() -> 어떤 기능을 담당하는 함수 (첫글자 소문자) - MyApp() -> 클래스 (첫글자 대문자) ✅ 클로징 레이블 - 플러터는 위젯으로 작업해서 닫는 부분이 정말 중요한데, 클로징 레이블을 주석을 제공해줌. 3. 첫번째 플러터 앱 만들기 ✅ 코드 리뷰 및 코드에 대한 설명 import 'package..

1. 플러터 상에서의 widget이란? ✅ 일반적인 Widget의 설명 - 독립적으로 실행되는 작은 프로그램 - 주로 바탕화면 등에서 날씨나 뉴스 등 생활정보 등을 보여줌 - 그래픽이나 데이터를 처리하는 함수를 갖고 있음 ✅ What is Widget in flutter? - UI를 만들고 구성하는 모든 기본 단위 요소(ex. textFiled, text etc) - 눈에 보이지 않는 요소들까지 위젯 (ex. padding, marging, center, column etc) - Everthing is a widget (View마저도 위젯) -> 위젯으로만 구성함으로 코드로만 작성해. 그래서 스토리보드가 따로 없어. 2. Stateless widgets 🆚 Stateful widgets ✅ Type of..