⛹️ 라이프/2021 여름방학 모각코(개인) 7

[코독하구만 2] 6주차 - Flutter : Shop App 3

https://codekodo.tistory.com/91 [코독하구만 2] 5주차 - Flutter : Shop App https://codekodo.tistory.com/88 [코독하구만 2] 4주차 - Flutter : Shop App Udemy 강의가 어느덧 50퍼를 넘겼다. 중간에 어려운 부분도 몇 개 있었지만 이제 어느정도 혼자서 구축할 수 있을 것 같다. 사실 그.. codekodo.tistory.com 지금까지는 Local에서 진행했는데 Firebase를 이용하여 Server에서 데이터를 가져오도록 코드를 수정했다. 우선 일종의 Controller 역할을 수행하는 Provider로 모든 데이터를 변경했다. 예를 들어 서버에 저장된 상품을 가져올 수 있도록 구현했다. import 'packag..

[코독하구만 2] 5주차 - Flutter : Shop App 2

https://codekodo.tistory.com/88 [코독하구만 2] 4주차 - Flutter : Shop App Udemy 강의가 어느덧 50퍼를 넘겼다. 중간에 어려운 부분도 몇 개 있었지만 이제 어느정도 혼자서 구축할 수 있을 것 같다. 사실 그때 그때 바로 정리하고 싶었는데 어쩌다보니 밀려서 오늘부터라 codekodo.tistory.com 지난 주에 일부 구현한 Shop App에 기능을 추가했다. GridView로 표현한 아이템을 클릭하면 해당 아이템의 상세 정보를 보여준다. import 'package:flutter/material.dart'; import '/providers/products.dart'; import 'package:provider/provider.dart'; class ..

[코독하구만 2] 4주차 - Flutter : Shop App 1

Udemy 강의가 어느덧 50퍼를 넘겼다. 중간에 어려운 부분도 몇 개 있었지만 이제 어느정도 혼자서 구축할 수 있을 것 같다. 사실 그때 그때 바로 정리하고 싶었는데 어쩌다보니 밀려서 오늘부터라도 바로바로 정리하는 시간을 가지려고 한다. Shop 어플은 우선 GridView 로 상품을 보여주고 상품별로 title 과 좋아요 , 장바구니담기 가 존재한다. 우선 이렇게 분리했다. models 에는 상품 에 대해 정의되어 있다. 아래가 product.dart 이다. 변수를 선언해주고 생성자까지 구현해주었다. class Product { final String id; final String title; final String description; final int price; final String imag..

[코독하구만 2] 3주차 - Flutter : Personal Expense App

지난 주에 이어 Udemy 강의에서 만들어본 개인 가계부 어플을 리뷰해보려고 한다. 지난 주에는 미완성이였는데 강의를 독학하면서 다 완성했다. 뭔가 살짝 어설프지만 어느정도 혼자서 구현할 수 있을 것 같다. 주말에 남은 50%의 강의를 다 듣고 혼자 만들어보면서 복습해보려고 한다. 아무튼 3주차 모각코 스타트! 우선 전체적인 UI는 아래와 같다. 소비 항목이 없는 경우 zZ의 이미지를 출력하며 상단에는 Chart를 확인할 수 있는 Switch와 새로운 소비 항목을 등록할 수 있는 Button이 AppBar의 우측과 Home의 하단에 존재한다. Switch를 On하면 오늘을 기준으로 지난 1주일 간의 소비금액이 출력된다. 글을 작성하고 있는 오늘은 목요일이므로 Thursday. 코드를 살펴보자. 다 지우고..

[코독하구만 2] 2주차 - Flutter : Personal Expense App

Udemy 강의를 듣으면서 Flutter를 학습하고 있다. 이번 주는 Builder, Container, Column, Row, CrossAxisAlignment, ListView, Button 등을 활용하여 가계부 어플을 만들었다. 아니 만드는 중이다. 전체적인 구조는 AppBar 우측 상단과 하단에 기록을 추가할 수 있는 버튼이 있고 버튼을 클릭하면 새로운 소비항목을 등록할 수 있다. 또한 AppBar 아래에는 1주일 간의 소비 금액을 한 눈에 확인할 수 있는 차트를 구현하고 있다. 이번 어플의 전체적인 위젯 트리 구조는 아래와 같다. assets 폴더에는 어플에서 사용할 폰트와 이미지가 저장되어있다. models에는 소비항목과 관련된 변수가 선언되어있고, widgets에는 소비항목을 UI에 표시할 ..

[코독하구만 2] 1주차 - Flutter : Quiz App

오늘부터 Flutter를 공부하려고 한다. 원래는 Spring 공부를 하려고 했는데 이번에 지란지교소프트에서 인턴을 진행하는데 여기서 Flutter를 사용해서 앱을 개발하는 공부를 진행하고 있어서 Flutter를 따로 공부해야했다. Flutter와 Spring을 동시에 공부하기엔 시간이 너무 부족해서 그냥 Flutter에 집중하려고 한다. 일단 강의는 Udemy 강의를 수강하고 있는데 영어 강의라 자막을 켜두고 하는데도 살짝 빡세다. 왜 한국 강의를 수강하지 않았냐고 물어본다면 국내 강의 중에 Flutter 강의가 괜찮은게 없다고 생각했기 때문이다. 또한 인프런에 몇 개 강의가 있는데 너무 비쌌다. Udemy에선 고작 14000원... 강의 시간 역시 42시간으로 상당했고 커리큘럼 역시 마음에 들었다. ..

2021년 여름방학 모각코 계획

< 2021년 여름방학 모각코(모여서 각자 코딩) 계획 > - 목표 - Flutter 스터디 - 설명 - 총 6주에 걸친 기간 동안 Udemy의 Flutter 강의를 수강한다. - 깃허브 - https://github.com/k906506/2021-Summer-Assemble-And-Selfcode k906506/2021-Summer-Assemble-And-Selfcode This is 2021 Summer Assemble And Selfcode, so-called Mogakko. - k906506/2021-Summer-Assemble-And-Selfcode github.com - 일정 - 1차 : 2021.07.07(수) 2차 : 2021.07.15(목) 3차 : 2021.07.22(목) 4차 : 20..