모각코

1. 학습목표 - flutter와 dart언어를 사용하여 앱을 만든다. 2. 학습내용 android studio로 코드를 작성하고, 애뮬레이터로 앱을 작동시켜보았다. child: FloatingActionButton( heroTag: "flower", backgroundColor: Colors.white.withOpacity(0.7), child: Image.asset('images/flower2.png'), onPressed: () { Navigator.push( context, MaterialPageRoute( builder: (context) => TimeCapsuleOpen())); }, ), 왼쪽 화면에서 꽃 버튼을 클릭하면 오른쪽 화면의 편지지가 나타난다. 나타난 편지지 아랫부분의 아이콘을 클..

1. 학습목표 - flutter와 firebase를 사용하여 데이터를 동기화하여 관리한다. 2. 학습내용 https://firebase.google.com/codelabs/firebase-get-to-know-flutter#0 flutter 공식 사이트 문서에 있는 codelabs 중 'Get to know Firebase for flutter'를 따라하며 flutter와 firebase를 연동하고 firestore을 사용하여 데이터를 동기화 해 보았다. 아래는 firebase를 flutter에 연결한 후 사용자가 로그인을 할 수 있는 코드이다. import 'package:firebase_auth/firebase_auth.dart'; import 'package:firebase_core/firebase..

1. 학습목표 - Material Components의 기본적인 사용을 공부한다. 2. 학습내용 https://codelabs.developers.google.com/codelabs/mdc-101-flutter#0 flutter 공식 사이트 문서 중 codelabs에 있는 MDC-101를 각 단계별로 따라해보며 material을 사용하여 로그인 페이지를 구축해 보았다. 아래는 MDC-101의 마지막 단계까지 모두 따라한 코드이다. import 'package:flutter/material.dart'; class HomePage extends StatelessWidget { const HomePage({Key? key}) : super(key: key); // TODO: Make a collection o..

1. 학습목표 - flutter layout을 구축하는 방법을 공부한다. 2. 학습내용 https://docs.flutter.dev/development/ui/layout/tutorial flutter 공식 사이트 문서에 있는 tutorial 중 Building layouts을 각 단계별로 따라하며 flutter에서 레이아웃을 구축하는 방법과 위젯을 세로, 가로로 배치하는 방법을 공부하였다. 마지막 단계까지 모두 따라한 코드이다. import 'package:flutter/material.dart'; // Uncomment lines 7 and 10 to view the visual layout at runtime. // import 'package:flutter/rendering.dart' show d..

1. 학습목표 - figma로 앱 프론트 화면 만들기 2. 학습내용 만들 앱의 기본적인 구성을 생각해 보고 사용자에게 보일 화면을 만들어 프로토타입으로 제작했다. 3. 후기 앱을 만들기 전에 figma를 사용하여 프로토타입을 먼저 제작해서 앞으로 개발할 앱에 필요한 주요 기능들과 미처 생각하지 못했던 추가 기능들을 파악할 수 있었고, 앱이 실행되는 전반적인 흐름을 볼 수 있었다. 앱 화면을 내가 원하는 대로 만들어 보고 실행할 수 있어서 좋았지만, 앞으로 이 앱을 사용할 유저들의 입장에서 생각해 화면을 어떻게 구성해야 유저들이 어려움 없이 앱을 사용할 수 있을지가 가장 어려웠던 점이었다.

1. 학습목표 - codecademy에서 HTML 복습 2. 학습내용 HTML의 module, syllabus, tables, forms, semantic의 lesson을 공부했다. 3. 후기 학기 중에 웹프로그래밍이라는 과목을 수강하였는데, codecademy를 통해 HTML을 한 번 공부했었다. 그 이후로는 시간이 나지 않아서 HTML의 기본적인 개념이나 내용들을 한번 더 짚고 갈 기회가 없었기 때문에 머릿속에서 헷갈리던 내용들도 꽤 있었는데, 이번에 다시한번 공부하며 HTML의 기본 개념들을 정리해 보면서 헷갈리던 개념들을 확실하게 짚고 넘어갈 수 있었고, 머릿속에서 HTML과 관련된 내용들을 정리할 수 있었다.