# Til - 250106

## 💡 오늘의 학습

#### [Flutter & Dart - The Complete Guide \[2024 Edition\]](https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/?srsltid=AfmBOoqrRjLo7RviuRA6HFfC5o3Mjovi_lxRq0_DLcDwZ_lfez_j57wQ&couponCode=NEWYEARCAREER)

### 📝 내용

Flutter에 대한 관심은 계속 있는 상태에서, 25년에는 Flutter을 다시 한번 공부해 볼까? 라는 생각이 들어 해당 강의를 구매 했다.조금은 오래된 강의로 보이는데, 계속해서 업데이트 되는 것으로 보여, 구매 함.

여담으로.. Udemy의 경우 많은 강의를 수강한 강의에는 자동으로 번역 기능이 제공되는 것으로 보이는데, 해당 강의는 한국어 번역이 제공 됨. 번역 품질은 그닥 좋지 않은 것으로 보임.

플러터는 하나의 코드로 다양한 멀티플랫폼을 지원 해줌.

* **모바일 앱 (Android, iOS) → 코스에서 중점적으로 공부**
    
* 웹 (모던 브라우저)
    
* 데스크탑 앱 (윈도우, 맥, 리눅스)
    

플러터는 다트 언어를 사용함. 플러터는 프레임워크이다.

플러터 설치 방법에 대한 내용. 이미 설치되어 있어 해당 부분은 스킵.

1. 플러터 SDK 설치
    
2. Git 설치
    
3. Platform Tools 설치
    
    1. Android Studio 설치
        
    2. XCode 설치
        
4. 가상 에뮬레이터 세팅
    
    1. Android
        
    2. iOS
        

플러터 앱 생성 (갑자기 터미널 명령어?)

```bash
flutter create first_app
```

갑자기 vscode 사용?

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1736172096568/c22dc13a-023b-4ac6-bf58-6a6c036e589c.png align="center")

MaterialApp?

* 플러터 앱은 기본적으로 Material 디자인 사용. 구글의 디자인.
    
* 구글에서 만들었지만 옵션이 많다. 커스텀할게 많음.
    

<div data-node-type="callout">
<div data-node-type="callout-emoji">💡</div>
<div data-node-type="callout-text">코스에 대한 설명 = 플러터와 다트 기본. 모바일 앱 개발. 고급 기능 알아보기 등</div>
</div>

비디오

* 자기 속도에 맞게. 다트나 플러터 경험이 있다면 스킵도 가능. 필요에 따라 반복 가능
    

코딩하고 연습하자.

* 멈추고 너의 코드로 만들자.
    
* 연습하자.
    
* 코드 비교하자. (스냅샷 제공)
    

서로 돕자

* Q&A 섹션 존재.
    
* 묻지만 말고 답변도 해보자.
    
* 디스코드도 제공
    

[https://github.com/academind/flutter-complete-guide-course-resources](https://github.com/academind/flutter-complete-guide-course-resources)

[https://github.com/academind/flutter-complete-guide-course-resources/blob/main/Slides/course-slides.pdf](https://github.com/academind/flutter-complete-guide-course-resources/blob/main/Slides/course-slides.pdf)

강의에서 코드 스냅샷을 제공하는게 대단하긴 하네. 확실히 git commit 변경점? 을 제공 하는 것보다는 더 명시적인 방법으로 보임.