ALOHA CLASS
/
Front-End
/
Flutter
Search
Share
์ํ ๊ด๋ฆฌ
GetX
: Flutter ์ํ๊ด๋ฆฌ, ๋ผ์ฐํ , ์์กด์ฑ ์ฃผ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
GetX์ ์ฃผ์ ํน์ง
๊ฐ๋จํ ์ํ๊ด๋ฆฌ
โ
obs
(Observable) ๋ณ์๋ฅผ ์ฌ์ฉํ์ฌ ์ํ ์๋ ์ ๋ฐ์ดํธ
๋น ๋ฅธ ์ฑ๋ฅ
โ ์ต์ํ์ ๋ฆฌ์์ค๋ฅผ ์ฌ์ฉํ์ฌ ์ต์ ํ๋จ
๋ผ์ฐํ ๊ด๋ฆฌ
โ
Get.to()
,
Get.off()
๋ก ๊ฐํธํ๊ฒ ํ๋ฉด ์ด๋
์์กด์ฑ ์ฃผ์ (DI)
โ
Get.put()
,
Get.find()
๋ก ๊ฐ์ฒด๋ฅผ ์ฝ๊ฒ ์ฃผ์
๋ณ๋์
context
๋ถํ์
โ
BuildContext
์์ด UI ์ ๋ฐ์ดํธ ๊ฐ๋ฅ
๋ค์ํ ํ๋ซํผ ์ง์
โ ๋ชจ๋ฐ์ผ, ์น, ๋ฐ์คํฌํฑ๊น์ง ์ง์
GetX ์ค์น
GetX
Bloc (Business Logic Component)
์ด๋ฒคํธ ๊ธฐ๋ฐ ์ํ ๊ด๋ฆฌ ๋ฐฉ์์ ์ฌ์ฉํ๋ฉฐ,
๋๊ท๋ชจ ํ๋ก์ ํธ
์์
๊ตฌ์กฐ์ ์ด๊ณ ์ ์ง๋ณด์๊ฐ ์ฌ์ด ์ฝ๋
๋ฅผ ์์ฑํ๋ ๋ฐ ์ ํฉํฉ๋๋ค.
Bloc์ ํต์ฌ ๊ฐ๋
Cubit vs Bloc
โข
Cubit
: ๊ฐ๋จํ ์ํ ๊ด๋ฆฌ (๋จ์ผ ์ํ ๋ณ๊ฒฝ)
โข
Bloc
: ์ด๋ฒคํธ ๊ธฐ๋ฐ ์ํ ๊ด๋ฆฌ (์ฌ๋ฌ ์ด๋ฒคํธ ์ฒ๋ฆฌ ๊ฐ๋ฅ)
Bloc์ ์ฃผ์ ๊ธฐ๋ฅ๊ณผ ํน์ง
1. ์ด๋ฒคํธ ๊ธฐ๋ฐ ์ํ ๊ด๋ฆฌ
โข
Bloc
์ ์ฌ์ฉํ๋ฉด **์ฌ์ฉ์์ ์ ๋ ฅ(์ด๋ฒคํธ)**์ ๋ฐ์
์๋ก์ด ์ํ
๋ก ๋ณ๊ฒฝ
โข
์ด๋ฒคํธ์ ์ํ๊ฐ ๋ถ๋ฆฌ๋์ด
ํ ์คํธ๊ฐ ์ฉ์ด
Bloc
Provider
โข
ChangeNotifier
๋ฅผ ํ์ฉํ
์ํ ๊ด๋ฆฌ
๊ฐ ๊ฐ๋ฅํ๋ฉฐ,
์์กด์ฑ ์ฃผ์ (DI)
๊ธฐ๋ฅ๋ ์ง์
โข
๋น๊ต์
๊ฐ๋จํ ์ฑ
์์ ์ฌ์ฉํ๊ธฐ ์ข์ผ๋ฉฐ,
Flutter ๊ณต์์ ์ผ๋ก ๊ถ์ฅํ๋ ๋ฐฉ์
Provider์ ํต์ฌ ๊ฐ๋
์ฃผ์ ๊ฐ๋
Provider์ ์ฃผ์ ๊ธฐ๋ฅ๊ณผ ํน์ง
1. ๊ฐ๋จํ ์ํ ๊ด๋ฆฌ
โข
ChangeNotifier
๋ฅผ ์ฌ์ฉํ์ฌ
์ํ๋ฅผ ๋ณ๊ฒฝํ๊ณ UI์ ๋ฐ์
โข
notifyListeners()
๋ฅผ ํธ์ถํ๋ฉด
์๋์ผ๋ก UI ์ ๋ฐ์ดํธ
2. ์์กด์ฑ ์ฃผ์ (DI) ์ง์
Provider
Riverpod
: Flutter ์ํ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
Riverpod์ ์ฃผ์ ํน์ง
1.
์ ์ญ ์ํ ๊ด๋ฆฌ ๊ฐ๋ฅ
2.
์์ ํ ์ํ ๊ด๋ฆฌ
3.
์์กด์ฑ ์ฃผ์ (DI)
์ง์
4.
ref.watch
,
ref.read
,
ref.listen
ํ์ฉ ๊ฐ๋ฅ
Riverpod ์ค์น
๋๋
Riverpod