[ํ”Œ๋Ÿฌํ„ฐ] Stateless vs Stateful ๊ฐœ๋…

2023. 5. 7. 14:42ยท ๊ฐœ๋ฐœ/Flutter
๋ชฉ์ฐจ
  1. โœ… Stateless Widget
  2. โœ… Stateful Widget
728x90
๋ฐ˜์‘ํ˜•

์•ฝ 1์—ฌ๋…„ ๊ฐ€๊นŒ์ด ํ”Œ๋Ÿฌํ„ฐ๋กœ ์•ฑ์„ ์ œ์ž‘ํ•˜๊ณ  ์žˆ๋Š”๋ฐ ์—ฌ์ „ํžˆ ์†Œ์†Œํ•œ ๊ฐœ๋…๋“ค์„ ์ œ๋Œ€๋กœ ์•Œ์ง€ ๋ชป ํ•œ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. GetX๋กœ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ํ•˜๋ฉด์„œ stateless ์œ„์ ฏ๋งŒ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š”๋ฐ ์‚ฌ์‹ค stateful์ด๋ผ๊ณ  getx๋ฅผ ๋ชป ์“ฐ๋Š” ๊ฒƒ์€ ์•„๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๊ฐœ๋…์ด ํ™•์‹คํ•˜์ง€ ์•Š๋‹ค๋ณด๋‹ˆ ๊ทธ์ € ์•ˆ ์“ฐ๊ฒŒ ๋˜๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒ. ๊ทธ๋ฆฌ๊ณ  ํ™”๋ฉด์•ˆ์—์„œ ํด๋ฆญ ์ด๋ฒคํŠธ๋งŒ์œผ๋กœ ์œ„์ ฏ์ด ๋ณ€๊ฒฝ๋˜์•ผํ•˜๋Š” ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์„ฑํ•˜๊ฒŒ ๋˜๋ฉด์„œ ๊ทธ๋ƒฅ stateless๋กœ ์จ์•ผํ•˜๋Š”๊ฑธ๊นŒ getx๋กœ ๊ด€๋ฆฌํ•ด์•ผํ•˜๋Š” ๊ฑธ๊นŒ๋ผ๋Š” ์˜๋ฌธ์ด ๋“ค์—ˆ๊ณ , ์–ด๋–ค ๋ฐฉ๋ฒ•์ด ๋” ์ข‹์€ ๋ฐฉ๋ฒ•์ธ์ง€ ์•Œ์ˆ˜๊ฐ€ ์—†์–ด์„œ ๊ฐœ๋… ์ •๋ฆฌ๋ฅผ ๋‹ค์‹œ ํ•œ๋ฒˆ ํ•ด๋ณด๋ ค๊ณ  ์ž‘์„ฑํ•ด๋ณธ๋‹ค. 

 

 

โœ… Stateless Widget

ํ™”๋ฉด์ด ๋กœ๋“œ๋  ๋•Œ ํ•œ ๋ฒˆ๋งŒ ๊ทธ๋ ค์ง€๋Š” state๊ฐ€ ์—†๋Š” ์œ„์ ฏ์œผ๋กœ ๋ณ€๊ฒฝ์ด ํ•„์š”ํ•œ Data๊ฐ€ ์—†๋Š” ๊ฒƒ์„ ์˜๋ฏธ

์ด๋ฒคํŠธ ๋˜๋Š” ์‚ฌ์šฉ์ž ์ƒํ˜ธ ์ž‘์šฉ์— ์˜ํ•ด ๋™์ž‘ํ•˜์ง€ ์•Š๋Š”๋‹ค

 

 

โœ… Stateful Widget

์œ„์ ฏ์ด ๋™์ž‘ํ•˜๋Š” ๋™์•ˆ Data๋ณ€๊ฒฝ์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ, ํ™”๋ฉด์„ ๋‹ค์‹œ ๊ทธ๋ ค์„œ ๋ณ€๊ฒฝ๋œ ๋ถ€๋ถ„์„ ์œ„์ ฏ์— ๋ฐ˜์˜ํ•˜๋Š” ๋™์ ์ธ ์œ„์ ฏ

์ด๋ฒคํŠธ ๋˜๋Š” ์‚ฌ์šฉ์ž ์ƒํ˜ธ ์ž‘์šฉ์— ์˜ํ•ด ๋™์ž‘ํ•œ๋‹ค.

๋ณ€ํ™”ํ•  ๋•Œ๋งˆ๋‹ค build ํ•˜๋Š” ๊ณผ์ •์ด ๋‹ค์‹œ ์ผ์–ด๋‚œ๋‹ค. 

 

 

์ƒํƒœ๋ฅผ ๊ณ„์† ๋ณ€ํ™”ํ•ด์ค˜์•ผํ•˜๋Š” ๊ฑฐ๋ผ๋ฉด stateful๋กœ๋งŒ ๊ตฌ์„ฑํ•˜๋ฉด ๋˜์ง€ ์•Š๋‚˜์š”? ํ•  ํ…Œ์ง€๋งŒ stateless์— ๋น„ํ•ด์„œ ์„ฑ๋Šฅ์ด ๋–จ์–ด์ง€๋Š” ๋ฉด์ด ์žˆ๋‹ค๊ณ ํ•œ๋‹ค. ๊ทธ๋ž˜์„œ ์ƒํ™ฉ์— ๋”ฐ๋ผ์„œ ์œ ์—ฐํ•˜๊ฒŒ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์œ„์—์„œ๋„ ์ž ๊น ์–ธ๊ธ‰ํ–ˆ๋‹ค์‹ถ์ด stateless๋ผ๊ณ  ์œ„์ ฏ์„ ๋ณ€ํ™”์‹œํ‚ค์ง€ ๋ชปํ•˜๋Š” ๊ฒƒ์€ ์•„๋‹ˆ๋‹ค. ์ƒํƒœ๊ด€๋ฆฌ GetX๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๊ด€๋ฆฌํ•ด์ค„ ์ˆ˜ ์žˆ๋‹ค. 








 

728x90

'๊ฐœ๋ฐœ > Flutter' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

ํ”Œ๋Ÿฌํ„ฐ ์ดˆ๊ธ‰) class ๊ฐœ๋…์„ ์•Œ์ž  (0) 2023.08.27
[ํ”Œ๋Ÿฌํ„ฐ] Container์— ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ ๋„ฃ๋Š” ๋ฐฉ๋ฒ• 2๊ฐ€์ง€  (0) 2023.05.25
[ํ”Œ๋Ÿฌํ„ฐ/flutter] RxList ๋Š” substring์„ ์“ธ ์ˆ˜ ์—†๋Š” ๊ฒƒ์ธ๊ฐ€!? ๐Ÿ˜ค  (0) 2023.05.05
[ํ”Œ๋Ÿฌํ„ฐ/flutter] ์ด๋ฏธ์ง€๋กœ ์›€์ง์ด๋Š” ๋กœ๋”ฉ ์ธ๋””์ผ€์ดํ„ฐ ๋งŒ๋“ค๊ธฐ / flutter AnimatedSwitcher ์‚ฌ์šฉํ•˜๊ธฐ  (0) 2023.01.29
[ํ”Œ๋Ÿฌํ„ฐ] FutureBuilder ์‚ฌ์šฉํ•˜๊ธฐ - ๋กœ๋”ฉ indicator ๋„ฃ๊ธฐ  (0) 2022.11.25
  1. โœ… Stateless Widget
  2. โœ… Stateful Widget
'๊ฐœ๋ฐœ/Flutter' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • ํ”Œ๋Ÿฌํ„ฐ ์ดˆ๊ธ‰) class ๊ฐœ๋…์„ ์•Œ์ž
  • [ํ”Œ๋Ÿฌํ„ฐ] Container์— ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ ๋„ฃ๋Š” ๋ฐฉ๋ฒ• 2๊ฐ€์ง€
  • [ํ”Œ๋Ÿฌํ„ฐ/flutter] RxList ๋Š” substring์„ ์“ธ ์ˆ˜ ์—†๋Š” ๊ฒƒ์ธ๊ฐ€!? ๐Ÿ˜ค
  • [ํ”Œ๋Ÿฌํ„ฐ/flutter] ์ด๋ฏธ์ง€๋กœ ์›€์ง์ด๋Š” ๋กœ๋”ฉ ์ธ๋””์ผ€์ดํ„ฐ ๋งŒ๋“ค๊ธฐ / flutter AnimatedSwitcher ์‚ฌ์šฉํ•˜๊ธฐ
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป Frontend Developer
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
Ming devlog
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
์ „์ฒด
์˜ค๋Š˜
์–ด์ œ

๊ณต์ง€์‚ฌํ•ญ

  • About Ming ๐Ÿฐ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (261)
    • ๊ฐœ๋ฐœ (255)
      • ๐Ÿ“ TIL (58)
      • โŒ ์˜ค๋ฅ˜ ๋…ธํŠธ (23)
      • React (23)
      • Next.js (11)
      • React-Native (6)
      • JavaScript (10)
      • Flutter (19)
      • Database (1)
      • ๐Ÿ’ฌ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ (21)
      • ๐Ÿ“š English (9)
      • Etc... (25)
      • โ›ต ํ•ญํ•ด99 (49)
    • ๐Ÿ’ป Dev (6)
      • ๐Ÿ“ TIL (4)
      • ๐Ÿ’ฌ Algorithm (1)
      • Etc... (1)

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ํ•ญํ•ด99
  • ๊ฐœ๋ฐœ์ž์ผ๊ธฐ
  • ์ฝ”ํ…Œ๊ณต๋ถ€
  • ๋ฆฌ์•กํŠธ๋„ค์ดํ‹ฐ๋ธŒ
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • todaywhatidid
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ
  • ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ
  • react
  • flutter
  • ReactNative
  • ๊ฐœ๋ฐœ์žํšŒ๊ณ 
  • nextjs
  • twid
  • ๋ถ€ํŠธ์บ ํ”„
  • leetcode
  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
  • ์˜์–ด๊ณต๋ถ€
  • Firebase
  • ์ฝ”ํ…Œ
  • TIL
  • ํ”Œ๋Ÿฌํ„ฐ
  • Git
  • ๋ฆฌ์•กํŠธ
  • ์ด์ฝ”๋…ธ๋ฏธ์ŠคํŠธ
  • ์•Œ๊ณ ๋ฆฌ์ฆ˜
  • ์ฝ”๋”ฉ๊ณต๋ถ€
  • react-native
  • github

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

250x250
hELLO ยท Designed By ์ •์ƒ์šฐ.v4.2.1
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
[ํ”Œ๋Ÿฌํ„ฐ] Stateless vs Stateful ๊ฐœ๋…
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๊ฐœ์ธ์ •๋ณด

  • ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ
  • ํฌ๋Ÿผ
  • ๋กœ๊ทธ์ธ

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.