SeSac_DartFlutter
1.🌱SeSac 00. 강의 신청부터 면접 합격까지 진행 후기
띠링~🌟 문자가 왔습니다📱 우연한 계기로 '청년취업사관학교' 문자를 받았다! 👀 소수정예 10인 실무 집중 (나에게 필요한 1:1) 위치가 용산..
2.🌱SeSac OT진행_6/29 : 소개부터 프로그래밍 설치 진행
오늘부터 flutter 수업 듣기로 했다! 🖐️ SBA 소개 프로그래밍 강의 소개 자기소개 프로그래밍에 필요한 설치 진행
3.🌱SeSac Dart 강의_7/1~7/3 : 개발 환경, 변수와 Collections, 함수와 Scope
1. 개발 환경 2. 변수와 연산자 3. 컬렉션 4. 함수와 Scope
4.🌱SeSac Dart 강의_7/6~7/10 : Null-safety, Functions, 객체지향과 Class
객체지향 및 비동기 프로그래밍을 배웠는데, 백엔드 위주로 했던 나에게 도움이 되었다.
5.🌱SeSac Dart 강의_7/13 : Class 상속
Class의 상속, 추상 클래스, 인터페이스는 객체 지향 프로그래밍(OOP)의 중요한 개념유지보수성과 확장성을 높이기 위한 SOLID 원칙과도 밀접한 관련이 있음 Inheritance(상속): 기존 Class의 기능을 새로운 Class가 물려받는 것extends: 부모
6.🌱SeSac Flutter 강의_7/15 : git
본격적인 flutter 프로그래밍 수업 전, git에 대한 개념을 잡고 들어갔다. git 개념 git 사용하는 이유 Git: 분산 버전 관리 시스템(Version Control System, VCS)프로젝트의 변경 이력을 관리하는 도구이전 버전으로 복구하거나 협업할 때
7.🌱SeSac Flutter 강의_7/20 : flutter 소개, 샘플코드 분석, 이미지 출력
벌써 수업을 시작한지 한달이 되어간다. 그 동안 개발에 대한 회의감이 많이 들었는데 점차 그런 것들이 사라졌다! 이제 flutter를 본격적으로 배우면서 정말 흥미진진해지고 있다. ✔️학습내용 요약 1. Flutter 소개 ✔️실습하며 알게 된 내용 📝수강후기
8.🌱SeSac Flutter 강의_7/22 : flutter Layout, Stack Widget 등
Container Widget: 화면 구성에서 사용되는 가장 기초적인 위젯 Margin : Widget의 바깥 여백Padding : Widget의 안쪽 여백SafeArea Widget : 상태바, 노치(Notch), 홈 인디케이터를 피해 안전한 영역에 화면을 배치Fix
9.🌱SeSac Flutter 강의_7/24 : Widget 분리와 반복
이제 수업을 시작한지 거의 한 달이 되어간다. 오늘은 Widget을 어떻게 활용하는지를 배웠는데, flutter의 주요 내용을 Widget을 분리해서 import하는 방법을 배움 기본 Widget으로 레이아웃 구성하는 방법을 배움 Widget를 분리하는 이유? 코드의
10.🌱SeSac Flutter 강의_7/27 : 반응형 UI, Package 활용
반응형 UI(Responsive UI): 화면 크기·해상도·방향(가로/세로)에 따라 레이아웃과 콘텐츠가 유연하게 재배치·조정되는것 WorkoutGuidePage 를 쪼개서 아래 이미지 만들어보기 Widget 구현 순서0️⃣ 큰 구조 설계 : Column을 사용하여 화면
11.🌱SeSac Flutter 강의_7/29 : 화면 갱신, Theme 활용
✔️학습내용 요약 1. 화면 갱신 Widget StatefulWidget과 StatelessWidget의 차이 | 구분 | StatelessWidget | StatefulWidget | |------|-----------------|----------------|
12.🌱SeSac Flutter 강의_7/31 : Data, LifeCycle
✔️학습내용 요약 1. Data Class 구성 Data Class 운동 데이터를 구조화하기 위해 workout.dart 파일을 생성하고 Workout 클래스 정의 운동 이름, 시간, 이미지, 오디오, 소모 칼로리를 하나의 객체로 관리 WorkoutListPage
13.🌱SeSac Flutter 강의_8/3 : Custom Widget
WorkoutHomePage는 Column을 사용해 화면을 A~E의 5개 영역으로 세로 배치A, B 영역은 고정된 높이로 구성C, D, E 영역은 Expanded를 사용해 남은 화면 높이에 맞게 크기가 결정되도록 구성각 영역의 내부 요소는 Row와 Column을 중첩해
14.🌱SeSac Figma 특강_8/5~6 : 프로토타입, 오토레이아웃, 컴포넌트 등
수강생들의 의견을 듣고, Figma 특강을 2일간 진행하기로 했다. 근데 목요일에 안 나오는 몇 분들이 있어서 8/5에 정말 필수적인 내용을 하고, 8/6에는 응용 위주였다. 레이어 구조: 파일內 계층 구조 File → Page → Canvas → Section → F
15.🌱SeSac Flutter 강의_8/7 : Route, Path parameter
✔️학습내용 요약 1. Route Route(라우트): 앱에서 이동할 하나의 화면을 나타내는 객체 Flutter에서는 go_router 패키지를 사용해 화면의 경로와 이동 구조를 관리할 수 있다. GoRoute의 path에는 이동 경로를, builder에는 해당 경
16.🌱SeSac Flutter 강의_8/12 : Nested Navigation, Persist Data(데이터 유지)
8/12 수업 시간에는 Nested Navigation 구현부터 시작했는데, 8/7에 Nested Navigation 이해부터 여러 Navigator를 중첩하여 화면 이동을 관리하는 구조공통 NavigationBar를 유지하면서 탭별 화면을 독립적으로 관리탭을 이동해도
17.🌱SeSac Flutter 강의_8/14 : Future Builder
오늘 Future Builder와 firebase 설치까지 진행했으나, firebase는 차주 실습할 예정이므로 그때 설치 내용까지 같이 작성할 예정 Future Builder 활용하여 운동 통계 구현하기 비동기 작업의 처리 상태에 따라 화면을 구성하는 위젯네트워크 요
18.🌱SeSac Flutter 강의_8/21 : Firebase
✔️학습내용 요약 1. Firebase 설치 - 8/14 진행 Firebase 준비 Firebase Console 접속 - https://console.firebase.google.com/ 프로젝트 생성(아래 이미지 빨간 박스 클릭) 프로젝트 이름 작성 Fir