[flutter] πŸ“š2μ£Όμ°¨ μŠ€ν„°λ”” - hello flutter

seunghyoΒ·2023λ…„ 11μ›” 19일
flutter
0

Flutter

λͺ©λ‘ 보기
2/5
post-thumbnail

Week02 - ν”ŒλŸ¬ν„° μ„ΈνŒ…(mac)

MacBook Pro 13
M2, 2022λ…„ λͺ¨λΈ /
macOS - Sonoma 14.0

1. Flutter SDK 파일 λ‹€μš΄λ‘œλ“œ

사양에 λ§žλŠ” ν”ŒλŸ¬ν„° zip νŒŒμΌμ„ λ‹€μš΄ λ°›κ³  μ••μΆ•ν•΄μ œ ν›„ μ„€μΉ˜.
μ‚¬μš©μž 폴더 μ•ˆ .zshrc νŒŒμΌμ— ν™˜κ²½λ³€μˆ˜ 섀정을 ν•΄μ€€λ‹€.

$ export PATH="$PATH:`pwd`/flutter/bin"

2. Android Studio μ„€μΉ˜

3. Xcode μ„€μΉ˜

4. cocoaPods μ„€μΉ˜

$ sudo gem install cocoapods

5. flutter doctor 둜 μ„€μΉ˜ ν™•μΈν•˜κΈ°

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[βœ“] Flutter (Channel stable, 3.13.7, on macOS 14.0 23A344 darwin-arm64, locale
    ko-KR)
[βœ“] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[βœ“] Xcode - develop for iOS and macOS (Xcode 15.0.1)
[βœ“] Chrome - develop for the web
[βœ“] Android Studio (version 2022.3)
[βœ“] VS Code (version 1.83.1)
[βœ“] Connected device (2 available)
[βœ“] Network resources

β€’ No issues found!

6. ν”ŒλŸ¬ν„° ν”„λ‘œμ νŠΈ 생성 (Hello Flutter)

  • flutter λŠ” 객체 지ν–₯ ν”„λ ˆμž„ μ›Œν¬λ‘œ μœ„μ ―λ“€μ˜ μ‘°ν•©
  • build λŠ” μœ„μ ―μ˜ UIλ₯Ό κ΅¬μ„±ν•˜κ²Œ ν•΄μ€Œ
  • runApp 은 Wiget Classλ₯Ό 인자둜 λ°›μ•„ 트리λ₯Ό 화면에 ν‘œμ‹œν•˜λŠ” ν•¨μˆ˜
  • StatelessWiget : μœ„μ ― μ’…λ₯˜ 쀑 정보저μž₯이 ν•„μš”μ—†λŠ” μœ„μ ―μ„ 상속, λΉŒλ“œλŠ” ν•œλ²ˆλ§Œ μ‹€ν–‰λœλ‹€.
  • StatefulWidget : μ‚¬μš©μžμ˜ μƒν˜Έμž‘μš©μ„ μœ„ν•΄ μƒνƒœμ˜ μ €μž₯을 ν•„μš”λ‘œν•˜λŠ” μœ„μ ―
  • Wiget build: μœ„μ ―λ“€μ΄ 화면에 λΉŒλ“œν•  수 μžˆλ„λ‘ ν•œλ‹€.
  • Scaffold: λΉ„μ£Όμ–Ό λ ˆμ΄μ•„μ›ƒ ꡬ쑰λ₯Ό κ΅¬ν˜„(ν•„μˆ˜ μš”μ†Œ)
profile
seunghyo
이전 포슀트

[Dart] πŸ“š1μ£Όμ°¨ μŠ€ν„°λ”” - functional programming , asynchronous programming

λ‹€μŒ 포슀트

[flutter] πŸ“š3μ£Όμ°¨ μŠ€ν„°λ”” - UI Challenge

0개의 λŒ“κΈ€