이것저것

학습 목표 : Flutter에서 사용할 Dart 언어를 추가 학습하고 Figma를 통해 만들어뒀던 UI/UX 및 기능을 실제로 구현해본다. 학습 내용 기능을 구현하기 전에 저번 회차에서 시간이 모자라 구현하지 못했던 남은 부분을 마저 구현해주었다. Text( '언제 이 내용을 확인할까요?', style: TextStyle( color: Colors.black54, fontSize: 20, fontFamily: 'DUNGGEUNMO'), ), Container( padding: const EdgeInsets.only(bottom: 15), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ IconButton( icon: Icon( I..

학습 목표 : Flutter에서 사용할 Dart 언어를 추가 학습하고 Figma를 통해 만들어뒀던 UI/UX를 실제로 구현해본다. 학습 내용 기능 구현은 다음 회차에서 할 계획이므로 이번 회차에서는 UI/UX를 중심으로 코드를 작성하였다. appBar: AppBar( title: const Text( '나의 타임캡슐', style: TextStyle( color: Colors.black54, fontFamily: 'DUNGGEUNMO', fontSize: 20.0), textAlign: TextAlign.left, ), leading: IconButton( icon: Icon( Icons.arrow_back_ios, color: Colors.black54, ), onPressed: () { Navigat..

학습 목표 : Flutter에서 사용할 Dart 언어를 추가 학습하고 codelab을 따라 앱의 화면을 구성해본다. 학습 내용 https://codelabs.developers.google.com/codelabs/mdc-101-flutter#0 MDC-101 Flutter: Material Components (MDC) Basics (Flutter) | Google Codelabs Learn the basics of using Material Components for Flutter by building a simple app with core components. codelabs.developers.google.com https://codelabs.developers.google.com/codelabs..

학습 목표 : Flutter에서 사용할 Dart 언어의 기초를 학습하고 Flutter 공식사이트의 튜토리얼을 따라 앱의 화면을 구성해본다. 학습 내용 https://docs.flutter.dev/development/ui/layout/tutorial Building layouts Learn how to build a layout. docs.flutter.dev 아래는 튜토리얼을 따라 작성한 코드이다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Wi..

학습 목표 : Figma와 Flutter를 설치하여 개발환경을 구축하고 Figma를 통해 간단한 프론트 화면을 만들어본다. 학습 내용 Figma 공식 유튜브 채널 (Figma for beginners) https://www.youtube.com/watch?v=lTIeZ2ahEkQ 인스타그램을 캡처한 페이지를 좌측에 띄워두고 Figma에 익숙해질 수 있도록 해당 화면을 최대한 구현해보았다. 이후 내가 생각했던 디자인을 간단하게 구성하여 여러가지 화면을 만들어보았다. 학습후기 : 웹 프론트만 계속 접하다보니 다른 방면의 프론트도 접해보면 좋을 것 같아 애플리케이션의 화면을 비교적 간단하게 구현할 수 있는 Figma를 설치해보았다. 앱은 지금까지 학기 중에도 배운 적이 없어서 유튜브를 찾아가며 혼자 이것저것 ..

학습 목표 : javascript의 복습을 위해 codecademy의 javascript 페이지의 Lesson을 모두 완료한다. +)추가로 실습을 다시 해봄으로써 복습을 확실히 하기 위해 학기중 이 내용과 관련된 과제를 다시 해보았다. 학습 내용 codecademy를 통해 복습한 것은 함수(function), 범위(scope), 반복자(iterator), 객체(objects)였는데, 오늘 다시 풀어본 과제는 학생들의 정보를 객체를 사용해 저장하고 선택한 기준에 따라 저장된 학생들을 정렬하여 화면에 출력하는 것이었다. 화면 구성과 해당 화면을 구성하는 html 코드는 아래와 같다. 이름 : 국어 : 수학 : 영어 : 학과 : 컴퓨터공학과 인공지능학과 수학과 과목 : Korean Math English 학과..