lgvv98

✅ 이번 시간에는 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..

✅ 이번에는 플러터를 시작했다. ✅ Flutter 배우기 원래는 친구가 알려준 외국 강의를 들으려고 했으나... 링크를 못찾겠어서 국내 유튜브 영상으로 하기로 함. 학습을 아래의 영상 링크 5강부터 시작할건데 설치는 이미 다 했으니까..! 그러 화이팅 내 블로그 flutter쪽을 하나하나 따라가길 바란다 ✅ 공부 환경 ✅ 학습 링크: https://www.youtube.com/watch?v=jI4kqLdqXic&list=PLQt_pzi-LLfpcRFhWMywTePfZ2aPapvyl&index=5 후.. 안드로이드 앱(자바) -> 데이터 사이언스(python) -> 웹 프로그래밍 -> iOS 앱(Swift) -> flutter(Dart) 여러개를 다 잘하면 좋으니까...! https://dartpad.da..