์ฐธ๊ณ ์ฌ์ดํธ โ ์ฝ๋ฉ์ ํ์ flutter-basic-layout-design ๋ด๊ฐ ์ข์ํ๋ ๊ฐ๋ฐ์ ์ ํ๋ฒ ๐ Scaffold ์ฐ๋ฆฌ๊ฐ ์ฐ๋ ์ฑ์ ๋์์ธ์ ํฌ๊ฒ ์๋จ, ์ค๋จ, ํ๋จ๋ถ๋ก ์ด๋ฃจ์ด์ ธ์๋ค. ์ด๊ฑธ ์ฝ๊ฒ ๊ตฌ์ฑํ๊ณ ์ถ์ผ๋ฉด Scaffold() ์์ ฏ์ ์ฌ์ฉํ๋ฉด ๋๋ค. ๐ท๐ป ๊ตฌ์กฐ MaterialApp( home: Scaffold( appBar: // ์๋จ์ ๋ฃ์ ์์ ฏ, body:// ์ค๋จ์ ๋ฃ์ ์์ ฏ, bottomNavigationBar:// ํ๋จ์ ๋ฃ์ ์์ ฏ, ) ); Scaffold() ์์ ฏ์ 3๊ฐ์ ํ๋ผ๋ฏธํฐ(appBar, body, bottomNavigationBar)๋ฅผ ํตํด ์/์ค/ํ๋ก ๋๋๊ฒ ํด์ค๋ค. appBar(์๋จ), bottomNavigationBar(ํ๋จ)์ ํ์๊ฐ ์๋๊ณ body(์ค๋จ)์ ํ์..
widget
์ฐธ๊ณ ์ฌ์ดํธ โ deku๋์ ํฌ์คํธ๋ฆฌ ๐ฉ Widget Flutter๋ ํ๋ฉด์ ์์ ฏ์์ ์์ํด์ ์์ ฏ์ผ๋ก ๋๋๋ค. widget์ด๋ Flutter์์ ํ๋ฉด์ ํ์๋ ๋ชจ๋ ์์๊ฐ ์์ ฏ์ด๋ฉฐ, ๋์ ๋ณด์ด์ง ์์ง๋ง ํ๋ฉด์ ๊ตฌ์ฑํ๋ ๋ ์ด์์(Layout) ๋ํ ์์ ฏ์ด๋ค. ํ๋ฌํฐ์ ์์ ฏ์ ํฌ๊ฒ 2๊ฐ์ง๊ฐ ์กด์ฌํ๋ค. ๐ถ Stateless Widget ๊ฐ์ ๊ฐ์ง๊ณ ์์ ์ ์์ผ๋ ์ด๋ ํ ๋์์ ํ๋๋ผ๋ ๋ณํ์ง ์๋ ์์ ฏ์ ๋ํ๋ธ๋ค. ํด๋น ์์ ฏ์ Flutter์ StatelessWidget์ ์์๋ฐ์ ์์ฑํ๋ค. ๐ซจ Stateful Widget ์ด๋ ํ ์ํ๊ฐ(๋ฐ์ดํฐ)์ ๊ฐ์ง๊ณ ์๋ค๊ฐ ํด๋น ์ํ๊ฐ์ด ๋ณ๊ฒฝ๋๋ฉด ๋ณ๊ฒฝ์ฌํญ์ ์ธ์งํ๊ณ ํด๋น ์์ ฏ์ ๋ค์ ๊ทธ๋ ค์ค๋ค. (๋ฆฌ-๋ ๋๋ง) ex. TextField, Button, ์๋ฒ๋ก๋ถํฐ ์ ๋ฌ๋ฐ์ ..