Flutter
1.GDSC HUFS_1주차 Session 회고
GDSC 1주차 회고 입니다.
2.Flutter Study - 1주차(SetUp)
flutter setup 단계시 마주했던 에러와 해결방법에 대해...
3.Flutter Study- 1주차(Module Summary)
1주차 Roll Dice 제작과정에서 배운 것들 정리
4.Flutter Study-2주차(QuizApp Module Summary)
2주차 스터디 내용 정리
5.Flutter Study 2주차-Debugging
flutter 개발시 디버깅 관련 도구에 관한 글입니다.
6.Flutter Study-3주차(Expense Tracker)
3주차 가계부 어플을 만들면서 배운내용을 정리했습니다.
7.GDSC 2,3주차 회고
GDSC 2,3주차 회고
8.Flutter Study- 4주차(반응형 레이아웃)
Responsive Layout
9.Flutter Study-4주차2(Internals)
다트 및 플러터의 변수선언 과정 및 위젯 트리에 관한 글입니다.
10.Flutter Study-5주차1(Meals App)
Stack Widget z-index(Axis)가 낮은 순으로 children에 작성(아래에 쌓일 요소 부터 작성) z-index? > https://developer.mozilla.org/ko/docs/Web/CSS/z-index Card shape 개체의
11.Flutter Study-5주차2(Managing App-Wide State)
플러터 상태관리에 관한 글입니다.
12.Flutter_Study- 6주차(User로부터 받은 Input 활용 & HTTP 활용)
User로부터 받은 Input 활용 Form 위젯 플러터에서 기본적으로 입력을 받으려면, TextEditingController 를 사용해야함. 다만 문제가 되는 것은 입력이 여러개일 경우, 컨트롤러 관리가 상당히 곤란하기때문에, Form 위젯을 사용하여 여러개의 입
13.Flutter Study - 7주차 Using Native device
이미지 라이브러리 활용위치 라이브러리 활용Google Maps API 연결 -> 복습 필요데이터 장치 저장https://pub.dev/packages/image_pickerFlutter 에서 카메라로 촬영한 사진 혹은 갤러리의 이미지를 가져올때 Image_pi
14.Flutter Study-Final.Chat App(Using Firebase)
마지막 주차 스터디를 관통하는 것은 바로 Firebase SDK 이다.
15.Quick Drop 1주차 회고
What Is Quick Drop? 간단하게 말하면 간단하게 물품기부를 진행할 수 있는 기부 플랫폼이다. Tech Stack React 내심 Flutter 를 사용해보고 싶었으나, 리액트를 사용하자는 의견이 많아서 리액트를 사용하여 FE를 구현하게 되었다. St
16.Quick Drop 2주차 회고
2주차도 yalla 미디어 쿼리 모듈화 미디어 쿼리 모바일과 태블릿의 등장으로 각 플랫폼 별 UI를 설정해줄때 사용하는 것이 미디어쿼리. theme.js Home.jsx 이런식으로 일일히 미디어쿼리를 각 요소마다 설정하는 것이 아닌, Props를 내려받아서
17.Quick Drop 3주차 회고
1주차 회고에서 밝혔던 Flutter 사용 욕심을 결국 실현해버렸다...Flutter 도입을 주장한 이유는 다음과 같았다.모바일 UI로 구현된 WireFrameReact 보다 더 쉬운 모바일 UI 구현Flutter 강의 스터디를 통한 Flutter 숙련도친절한 공식 문
18.Quick Drop 4주차 회고
일단 UI 구현을 위해 같은 코드를 너무나 반복했던 것 같아서UI구현이 다 끝났기 때문에 유지 보수를 위해 리팩토링을 진행하였다.1.Navigator.push 함수 화기존리팩토링 이후함수화 하여 조금더 코드의 재사용성을 높였다.사실 되돌아보니 누군가의 코드를 리뷰한적이
19.Quick Drop 5주차 회고
리팩토링 이전(donation_upload.dart)원래는 각 Row에 TextformField로 입력을 받아야 했는데일단 UI 구현이 우선이란 생각에 텍스트 위젯으로 채워 넣었다.리팩토링 이후 + TextformField로 전환아예 분리 시켜버렸다.Flutter &
20.Quick Drop 6주차 회고
플러터에서 이미지를 활용하려면 dart:io라는 패키지 활용이 필수이다.async/await 사용이 필요하기 때문.기초 세팅AndriodManiFest.xml 내 user-permission 추가android/app/src 폴너 내 build.gradle에서 minSd
21.Quick Drop 7~8주차 회고
FEAT: 라벨링 결과 출력 사실상 QuickDrop 플젝의 핵심기능인, 카테고리 자동분류 by AI를 렌더링하는데 성공하였다. 일단 AI -> BE -> FE 로 넘어오는 라벨링 정보를 출력하는데 큰 어려움은 없었다. 그러나 라벨링 정보가 {result: "Ut
22.Code Generation
코드 생성, 말 그대로 자동으로 코드를 생성해주는 것을 말함.https://riverpod.dev/ko/docs/essentials/first_requestRiverPod 연습을 위해 공식 홈페이지에 나와있는대로 연습을 하다가난생 처음 보는 형태인 라는 코드가
23.[Flutter]회원가입 화면 구현(Statusbar, InputField)
현재 진행중인 프로젝트에서 만들었던 회원가입 위젯을 만드는 과정을 공유하고자 합니다. Demo InputField 에 값을 입력하면 상단 bar가 채워지면서 사용자가 진행률을 직관적으로 확인할 수 있도록 의도하였습니다. 사용자가 입력 필드를 채우고,Validat
24.[Flutter]Firebase를 활용하여 회원가입시 휴대폰 인증을 받아보자!
firebase 연결 Official Docs:https://firebase.google.com/docs/flutter/setup?hl=ko&platform=ios firebase_auth Official Docs:https://firebase.goo
25.[Flutter]env로 API Key를 가려보아요
dotenv 패키지https://pub.dev/packages/flutter_dotenvThat's it!https://matthew.kr/%ED%95%B4%ED%82%B9-%EA%B8%B0%EB%A1%9D-%EA%B9%83%ED%97%99%EC%97
26.[Flutter] RepaintBoundary로 성능 최적화 하기
RepaintBoundary Flutter 공식문서 https://api.flutter.dev/flutter/widgets/RepaintBoundary-class.htmlFlutter 렌더링 아키텍쳐 관련 정리된 글https://medium.com/@
27.[Flutter] SingleTon...? 1톤이요?
(제목부터 개드립 죄송합니다) 싱글톤(SingleTon) 패턴이란? 쉽게 말해서 객체의 인스턴스가 오직 1개만 생성, 이를 객체의 모든 곳에서 공유 하는 방법 SingleTon 패턴의 생김새 이 코드를 예시로 들자면, 앱의 태마 색상을 저장하고 이를 싱글톤 패