Flutter ์๊ฐ
ํ๋ฌํฐ์ ๋ํ์ฌ ์๊ฐํ๊ณ ํ๋ฌํฐ์ ํต์ฌ์ ์ธ ๋ด์ฉ์ ๋ํ์ฌ ์์๋ด
๋๋ค.
โข
ํ๋ฌํฐ๋?
โข
์ฃผ์ ํน์ง
โข
ํน์ฅ์
โข
ํ๋ฌํฐ ๊ณต์ ์ฌ์ดํธ
ํ๋ฌํฐ๋?
Google์ด ๊ฐ๋ฐํ ์คํ์์ค UI ์ํํธ์จ์ด ๊ฐ๋ฐ ํคํธ
์ฃผ์ ํน์ง
ํ๋ฌํฐ๋ ๋ค์ค ํ๋ซํผ ์ง์, Dart ์ธ์ด, ์์ ฏ ๊ธฐ๋ฐ ๊ตฌ์กฐ, Hot Reload, ๋์ ์ฑ๋ฅ, ํ๋ถํ ์์ ฏ๊ณผ ์ปค์คํฐ๋ง์ด์ง, ๊ทธ๋ฆฌ๊ณ ํ๋ฐํ ๊ฐ๋ฐ ์ปค๋ฎค๋ํฐ์ ์ํ๊ณ๋ผ๋ ๋ค์ํ ํน์ง์ ๊ฐ์ง๊ณ ์์ต๋๋ค.
๋ค์ค ํ๋ซํผ ์ง์
ํ๋์ ์ฝ๋๋ฒ ์ด์ค๋ก iOS, Android, ์น, ๋ฐ์คํฌํฑ(Windows, macOS, Linux) ์ ํ๋ฆฌ์ผ์ด์
์ ๊ฐ๋ฐํ ์ ์์ต๋๋ค.
Dart ์ธ์ด
ํ๋ฌํฐ๋ Google์ด ๊ฐ๋ฐํ ๋คํธ(Dart) ์ธ์ด๋ฅผ ์ฌ์ฉํฉ๋๋ค. ๋คํธ๋ ๋น ๋ฅธ ๊ฐ๋ฐ ์๋์ ์ฑ๋ฅ์ ์ ๊ณตํ๋ฉฐ, ๋จ์ํ๊ณ ์ง๊ด์ ์ธ ๋ฌธ๋ฒ์ผ๋ก ์ฝ๊ฒ ๋ฐฐ์ธ ์ ์์ต๋๋ค.
์์ ฏ ๊ธฐ๋ฐ ๊ตฌ์กฐ
ํ๋ฌํฐ๋ ๋ชจ๋ UI ์์๋ฅผ ์์ ฏ์ผ๋ก ๊ตฌ์ฑํ๋ฉฐ, ์ด๋ฌํ ์์ ฏ๋ค์ ์กฐํฉ๊ณผ ์ค์ฒฉ์ ํตํด ๋ณต์กํ UI๋ฅผ ๊ตฌ์ฑํ ์ ์์ต๋๋ค. ์ปค์คํฐ๋ง์ด์ง๊ณผ ์ฌ์ฌ์ฉ์ด ์ฉ์ดํฉ๋๋ค.
Hot Reload
์ฝ๋ ๋ณ๊ฒฝ ์ฌํญ์ ์ฆ์ ๋ฐ์ํ๋ Hot Reload ๊ธฐ๋ฅ์ ์ ๊ณตํ์ฌ ๊ฐ๋ฐ ์๋๋ฅผ ํฌ๊ฒ ํฅ์์ํต๋๋ค. UI ์์ , ๊ธฐ๋ฅ ์ถ๊ฐ ๋ฑ์ ์ค์๊ฐ์ผ๋ก ํ์ธํ ์ ์์ต๋๋ค.
๋์ ์ฑ๋ฅ
ํ๋ฌํฐ๋ ์์ฒด ๋ ๋๋ง ์์ง์ ์ฌ์ฉํ์ฌ ๋ค์ดํฐ๋ธ ์ฑ๋ฅ์ ๊ฐ๊น์ด ์ ํ๋ฆฌ์ผ์ด์
์ ์ ๊ณตํฉ๋๋ค. ์ ๋๋ฉ์ด์
๊ณผ ๊ทธ๋ํฝ์ด ๋ถ๋๋ฝ๊ณ ๋น ๋ฅด๊ฒ ๋์ํฉ๋๋ค.
ํ๋ถํ ์์ ฏ๊ณผ ์ปค์คํฐ๋ง์ด์ง
๋ค์ํ ๊ธฐ๋ณธ ์์ ฏ๊ณผ ํจ๊ป Material Design ๋ฐ Cupertino ์คํ์ผ์ ์ง์ํ์ฌ ํ๋ซํผ์ ๋ง๋ ๋ค์ดํฐ๋ธ ๋๋์ UI๋ฅผ ์ฝ๊ฒ ๊ตฌ์ฑํ ์ ์์ต๋๋ค.
๊ฐ๋ฐ ์ปค๋ฎค๋ํฐ์ ์ํ๊ณ
ํ๋ฌํฐ๋ ํ๋ฐํ ์คํ์์ค ์ปค๋ฎค๋ํฐ๋ฅผ ๊ฐ์ง๊ณ ์์ผ๋ฉฐ, ์๋ง์ ํจํค์ง์ ํ๋ฌ๊ทธ์ธ์ ํตํด ๊ฐ๋ฐ์ ๋์ฑ ํจ์จ์ ์ผ๋ก ํ ์ ์์ต๋๋ค.
ํน์ฅ์
1.
๋น ๋ฅธ ๊ฐ๋ฐ
2.
์ผ๊ด๋ UI
3.
์ฝ๋ ์ฌ์ฌ์ฉ์ฑ
๋น ๋ฅธ ๊ฐ๋ฐ
Hot Reload์ ์ง๊ด์ ์ธ ์์ ฏ ๊ตฌ์กฐ๋ก ๋น ๋ฅธ ๊ฐ๋ฐ๊ณผ ํ
์คํธ๊ฐ ๊ฐ๋ฅํฉ๋๋ค. ๊ฐ๋ฐ์๋ ์ฝ๋ ๋ณ๊ฒฝ ์ฌํญ์ ์ค์๊ฐ์ผ๋ก ํ์ธํ๋ฉฐ ํจ์จ์ ์ผ๋ก ๊ฐ๋ฐํ ์ ์์ต๋๋ค.
์ผ๊ด๋ UI
๋ค์ํ ํ๋ซํผ์์ ๋์ผํ UI์ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค. ํ๋ซํผ๋ณ ๋์์ธ ๊ฐ์ด๋๋ผ์ธ์ ์ค์ํ๋ฉด์๋ ์ผ๊ด๋ ๋ธ๋๋ ๊ฒฝํ์ ์ ๋ฌํ ์ ์์ต๋๋ค.
์ฝ๋ ์ฌ์ฌ์ฉ์ฑ
ํ๋์ ์ฝ๋๋ฒ ์ด์ค๋ก ์ฌ๋ฌ ํ๋ซํผ์์ ๋์ํ๋ ์ฑ์ ๊ฐ๋ฐํ ์ ์์ด ์ ์ง๋ณด์์ ๊ฐ๋ฐ ๋น์ฉ์ ์ค์ผ ์ ์์ต๋๋ค. ํ๋ซํผ๋ณ ๋ณ๋ ๊ฐ๋ฐํ์ด ํ์ํ์ง ์์ ํจ์จ์ ์ธ ๋ฆฌ์์ค ๊ด๋ฆฌ๊ฐ ๊ฐ๋ฅํฉ๋๋ค.