[스터디 회고] Flutter 시이작!(Week 1)

🔖 요약

1. 기간: 23.12.10 ~ 23.12.17
2. 이번 주 타이틀: Flutter 스터디 시작 (+ 기초 UI와 친해지기)
3. 한 줄 평: C/C++만 해오던 나에게 Flutter는 신세계.. 더 빨리 친해지고 싶다!

---

📌 목표

1. Flutter 강의 수강 완료하기 (feat. Nomad Coder lect)
2. Flutter 2주 챌린지 누락 안 하기 (feat. Nomad Coder 10기)
3. python 기초 100제 완료하기 (feat. CodeUp 문제집)

---

📈 Good

1. 매일 진행되는 챌린지 과제를 누락하지 않은 것
2. 출퇴근 시간에도 공부한 것

📉 Bad

1. 모든 목표를 완료하지 못한 것
2. 과욕. 과욕. 과욕. (목표 설정 적당히 하기..)

목표	완료율	메모
1.	44%	강의 관련 내용 조사 시간이 예상보다 많이 필요
2.	100%	커리큘럼 중 50% 완료 이후 진행될 코드 챌린지는 시간이 더 많이 소요될 것으로 예상
3.	60%	flutter 우선 / python 천천히 진행

---

📝 주요 스터디 내용

• UI 클론

  Flutter를 이용해 아래 Financial App의 UI를 비슷하게 제작 (git repo: flutter_study)
  

• Flutter Widgets

  Text, Row, Column, Container 등의 주요 widgets 사용
  (참고: [Flutter] 위젯(widget) 종류, child children 매개변수)
  

---

🔍 부가 스터디 내용

• VS Code extensions & settings

  스터디하며 알게된 유용한 VSCode 관련 항목들을 따로 간단히 정리
  (작고 소중한 나의 포스트: [VS Code] 유용한 VS Code Extentions & Settings)
  
  

• Widget Inspector

  App을 구성하는 모든 widget을 계층 구조로 보여주는 tool (레이아웃 확인에 유용👍)
  
  

• Code Actions (코드 옆 💡 버튼 or ⌘. 단축키)

  작성한 widget의 wrap/swap/move/remove/extract 등의 기능을 제공 (신세계..⭐️)
  
  

• Widget build(BuildContext context) Method

  모든 widget은 렌더링되기 위해 자신만의 build 함수 정의 필요

  💡 BuildContext context ?

  widget tree상에서 자신의 위치 정보를 담고 있는 객체로써,
  주로 자신의 부모 widget에 접근하여 상호 작용한다.
  (참고: Flutter - Widget의 build메서드와 BuildContext)

---

💭 이모저모

위와 같은 뚱냥이 님의 회고록에 감동받아 작성을 시작해본다..