APP17 [๋ถ์คํธ์ฝ์ค]์คํฌ๋กค๋ทฐ ํ ์ด๋ธ ๋ ์ด์์ ๊ฒฉ์ ๋ชจ์์ผ๋ก ๋ทฐ๋ฅผ ๋ฐฐ์นํ ๋ ์ฌ์ฉ **๋ฆฌ๋์ด ๋ ์ด์์ ์์ ๋ฆฌ๋์ด ๋ ์ด์์์ ๋ฃ๋ ๋ฐฉ์์ ์ฌ์ฉํด๋ ๋์ง๋ง ํ ์ด๋ธ ๋ ์ด์์์ ์ฌ์ฉํ๋ฉด ์ข ๋ ๊ฐ๋จํ ์ด์ ? => ํ ์ด๋ธ๋ ์ด์์์ด ์ข๋ ํ ์ด๋ธ์ ๊ด๋ จ๋ ์์ฑ๋ค์ด ์กด์ฌํ๋ฏ๋ก ๋์ฑ ํธ๋ฆฌ, ๋น์ทํ๋ ํ ํํ์ ๊ณ ์ ๋ ๋ชจ์์ด๋ผ๋ฉด ํ ์ด๋ธ ๋ ์ด์์์ด ๋ ์ฐ๊ธฐ ๊ฐํธํ๊ณ , ๊ฐ ํ์ด๋ ์ด์ด ์ ๋์ ์ธ ๊ฒฝ์ฐ๋ ๋ฆฌ๋์ด ๋ ์ด์์์ด ๋ ์ ํฉํ๋ค. ์คํฌ๋กค ๋ทฐ(scrollview) ์์ง(์์๋)๋ก ์คํฌ๋กคํ๋ ๊ธฐ๋ฅ ๊ธ์ ์๊ฐ ํ๋ฉด์ ์ด๊ณผํ์ฌ ์คํฌ๋กค ํ ์ ์๊ฒ ํด์ฃผ๋ ์ปจํ ์ด๋ ์ฃผ์) ์คํฌ๋กค ๋ทฐ์๋ ๋จ ํ๋์ ์์ ฏ๋ง ๋ฃ์ ์ ์๋ค - ์ํ ๋ฐฉํฅ์ ์คํฌ๋กค๋ทฐ๋ฅผ ์ฌ์ฉํ๊ณ ์ ํ ๋๋ HorizontalScrollView์ฌ์ฉ ์คํฌ๋กค๋ทฐ ๋ง๋ค๊ธฐ 2020. 2. 13. [๋ถ์คํธ์ฝ์ค]๋ ์ด์์ ๋ง๋ค๊ธฐ ์ค๋์ ๋ถ์คํธ์ฝ์ค์ ์๋๋ก์ด๋ ๊ฐ์์ ์ฒซ๋ฒ์งธ ๋ถ๋ถ์ธ ๋ ์ด์์๋ง๋ค๊ธฐ๋ฅผ ๊ณต๋ถํด๋ณด์๋ค. ๋ ์ด์์์ ๋ํด์๋ ์์ ๊ธ์ ์ฐธ๊ณ ํ๋ฉด ์ดํดํ๊ธฐ ์์ํ ๊ฒ ๊ฐ๋ค! (์ ๊ธ ๋งํฌ ์ฐธ๊ณ : https://minjoo-space.tistory.com/2) ์ด ๊ฐ์์์ ๋ฐฐ์ฐ๋ ๋ ์ด์์๋ค์ ์ข ๋ฅ์ด๋ค. ์ ์ฝ ๋ ์ด์์(Constraint Layout) ์๋๋ก์ด๋ ์คํ๋์ค์์ ์๋ก์ด ํ๋ก์ ํธ๋ฅผ ๋ง๋ค๋ฉด ๋จผ์ ๋์ค๋ ๋ํดํธ ๋ ์ด์์ ํ๋ก์ ํธ ์์ฑ ์, ์๋์ผ๋ก ๋ง๋ค์ด์ง XML ๋ ์ด์์ ํ์ผ์ธ activity_main.xml ํ์ผ์ ์ด์ด๋ณด๋ฉด ๋ฐ๊นฅ์ ์๋ ์ต์์ ํ๊ทธ๊ฐ ConstraintLayout์ธ๊ฑธ ํ์ธํ ์ ์๋ค. activity_main.xml์์ Design๋ถ๋ถ์์ button์ ๋ง๋ค์ด์ ๋ฒํผ์ ์ ๋ค์ ๊ธฐ์ค์ด ๋์ด ์ ์ฝ์ ๊ฑธ ๋ถ๋ชจ .. 2020. 2. 5. FLUTTER #4 BMI Calculator ๐์ด ํฌ์คํธ๋ ์์ ค๋ผ์ ์ ๋ฐ๋ฏธ ํ๋ฌํฐ๊ฐ์๋ฅผ ๋ฃ๊ณ ์ ๊ฐ ์ฐพ์๋ณธ ๋ด์ฉ์ ๋ฐํ์ผ๋ก ์์ฑํ ๊ธ์ ๋๋ค! ๐ Theme Widget https://www.colorzilla.com/ → ์ ์์๋ด๊ธฐ color class https://api.flutter.dev/flutter/dart-ui/Color-class.html themedata constructor : https://api.flutter.dev/flutter/material/ThemeData/ThemeData.html ํ ๋ง ์ค์ ๊ด๋ จ theme : ThemeData.dark() ->๋คํฌ๋ชจ๋ ํ ๋ง๋ก ์ ํ primarycolor → appbar์ ๋ฐ๊พธ๊ธฐ accentcolor → ๋ฒํผ์ ๋ฐ๊พธ๊ธฐ width: double.infinity -> ํ๋ฉด ๊ฐ๋ ์ฑ์ฐ๊ธฐ Fi.. 2020. 1. 19. FLUTTER #1 I_am_rich Angelar ์จ์๋์ ์ ๋ฐ๋ฏธ ํ๋ฌํฐ ๊ฐ์๋ฅผ ๋ฃ๊ณ ๊ทธ ๋ด์ฉ์ ์ ๋ฆฌํ๋ ค ํ๋ค. ์๋ ๋ ธ์ ์ ์ ๋ฆฌํ์์ผ๋, ๋ค์ ๋ธ๋ก๊ทธ์ ์ ์ด๋ณด๋ ์ค์ ๋๋ค,, Material App() material design application์ ์ํ ๋นํธ์ธ ์์ ฏ Scaffold ๊ฐ์ฅ ์ต์๋จ, ์ค๊ฐ ์์ญ, ์ตํ๋จ, ๊ทธ๋ฆฌ๊ณ ๋ ์๋ ๋ฒํผ์ ์ง์ํด์ฃผ๋ ํด๋์ค AppBar Body - ๊ฐ์ด๋ฐ ์์ญ BottomNavigationBar FloatingActionButton FloatingActionButtonLocation BackgroundColor : Colors.์[] Hide Debug Banner(์๋ฎฌ๋ ์ดํฐ์์ ๋๋ฒ๊ทธ ๋ฐฐ๋ ์์ ๋ ๋ฐฉ๋ฒ) (android studio) Flutter Inspector -> Hide Debug Bann.. 2020. 1. 18. [๋ถ์คํธ์ฝ์ค] ๋ ์ด์์#๋ทฐ์ ์์ฑ ๋ทฐ(view) ํ๋ฉด์ ์๋ ๋ชจ๋ ๊ตฌ์ฑ์์ ๋์ ๋ณด์ด๋ ๊ฒ - ์์ ฏ ๋์ ๋ณด์ด์ง ์๋ ๊ฒ - ๋ ์ด์์ ๋ ์ด์์๋ ๋ทฐ์ด๊ธฐ ๋๋ฌธ์, ๋ ์ด์์ ์์ ๋ ์ด์์์ ๋ฃ์ผ๋ฉด์ ๋ณต์กํ ํ์์ ๋ํ๋ธ๋ค. ๐๋ทฐ๊ทธ๋ฃน ์์ ๋ทฐ๊ทธ๋ฃน์ด ๊ฐ๋ฅํ๋ค! ์๋๋ก์ด๋ ๊ธฐ๋ฐ์ ํ๋ธ๋ฆฟ๊ณผ ์ค๋งํธํฐ์ ์ฌ์ฉ์๊ฐ ์ธ๋ก์ ๊ฐ๋ก์ ๋ฐฉํฅ ๋ชจ๋๋ฅผ ์ฌ์ฉํ ์ ์๊ธฐ ๋๋ฌธ์ ํ๋ฉด ๊ณต๊ฐ์ ์ ํ์ฉํ๊ธฐ ์ํด์ ๋ ์ด์์์ ์ ์ฌ์ฉํด์ผ ํ๋ค. ๋ฐ๋ผ์, ๋ ์ด์์์ ํ์ฉ๋๋ฅผ ๋์ด๊ธฐ ์ํ layout_width, layout_height ์ ์ฌ์ฉ! => ๋ฒํผ์ด ์ผ์ชฝ ์์ ์์นํจ -match_parent ๋ทฐ ๊ทธ๋ฃน์ ๋จ์ ์๋ ์ฌ์ ๊ณต๊ฐ์ ์ฑ์ ๋ถ๋ชจ ๋ทฐ์ ๋ด๋ถ ์ฌ๋ฐฑ(padding)์ ์ ์ธํ ํฌ๊ธฐ๋ก ์ค์ -wrap_content ๋ทฐ์ ๋ค์ด ์๋ ๋ด์ฉ๋ฌผ์ ํฌ๊ธฐ์ ๋ฐ๋ผ ๋ทฐ์ ํฌ๊ธฐ๊ฐ ๊ฒฐ.. 2020. 1. 18. ์ด์ 1 2 3 ๋ค์ ๋ฐ์ํ