FLUTTER
๊ฒฝ๋ ฅ ๊ฐ๋ฐ์ ์ํ ์ฒซ ๊ฑธ์ : ์ด๋ค ์ธ์ด๋ฅผ ๊ณ์ ๊ณต๋ถํด ๋๊ฐ์ผํ ๊ฒ์ธ๊ฐ? (Flutter vs React Native)
์๋ ํ์ธ์, ์ ๋ ํ์ฌ ๊ฐ๋ฐ์๋ก ๊ฒฝ๋ ฅ์ ์๊ณ ์๋ ๋ด๋น์ ๋๋ค. ๊ฐ๋จํ๊ฒ ํ์ฌ ์ ๊ฐ ์ฌ์ฉํ๊ณ ์๋ ์ธ์ด์ ๋ํด์ ๋ฆฌ์์นํ ๊ฒฐ๊ณผ๋ฅผ ๊ธฐ๋ก์ ๋จ๊ธฐ๊ธฐ ์ํด ์ด ๊ธ์ ์์ฑํฉ๋๋ค. ์ ์คํฌ๋ฆฐ์ท์ Google Trend ๋ก ๊ฐ ํ๋ซํผ์ ๋ฐ๋ฅธ ๊ด์ฌ๋ ๋ณํ๋ฅผ ๋ํ๋ธ ๊ทธ๋ํ์ ๋๋ค. ๊ด์ฌ๋ ์์ 1์์๋ Flutter๊ฐ ์ฐจ์งํ๋ค์. ๊ฐ๋ฐ ๊ธฐ๊ฐ์ด ์งง์์ง ์ ์๊ฒ ์ ์ธํ UI ๋ฐฉ์๊ณผ ํ๋ ์์ํฌ๋ฅผ ๊ตฌ์ฑํ ๋ ์์ ฏ ํธ๋ฆฌ๋ก ์์ฑํ๊ธฐ ๋๋ฌธ์ ๋ณต์กํ UI๋ ๊ตฌํํ๊ธฐ ์ฝ๊ฒ ํ ์ ์๋๊ฒ Flutter ์ธ ๊ฒ ๊ฐ์ต๋๋ค. ๋ฌผ๋ก iOS๋ฅผ ์ ์ธํ UI ๋ฐฉ์์ธ SwiftUI๋ ์์ง๋ง, ์ ๊ทผ์ฑ์ด ์ข์ง ์๊ธฐ ๋๋ฌธ์ .. ํจ์คํ๋๋ก ํ๊ฒ ์ต๋๋ค. ์ถํ, IDE์ ๋ค์ํ ํฌ๋ก์ค ํ๋ซํผ์์ ๊ฐ๋ฐ ๊ฒฝํ์ ์๊ฒ ๋๋ค๋ฉด ๊ฒฝ์๋ ฅ์ด ์๋ ๊ฐ๋ฐ์๋ก ์ฑ์ฅํ ๊ฒ ๊ฐ๋ค์. ..
Flutter Wrap ์์ ฏ ์ฌ์ฉ ํ: option(โฅ)+enter ๋จ์ถํค ํ์ฉํ๊ธฐ
๋๋ณด๊ธฐ option(โฅ)+ enter : ๊ฐ์ธ๋ ๊ตฌ์กฐ(Wrap) ๋ง๋ค๊ฑฐ๋ ์ ๊ฑฐํ ๋ ํ์ฉ 1. Introduction Flutter์์๋ Wrap ์์ ฏ์ ๋ง์ด ์ฌ์ฉํ๋ ๊ฒ ๊ฐ๋ค. ์๋ํ๋ฉด ํ๋ฉด์ ๋ชจ๋ ์์ ์์ฒด๊ฐ ์์ ฏ์ด๋ค ๋ณด๋, ๋ฐฐ์น๋ฅผ ํ ๋ Column, Row, Container ๋ฑ์ ์ ์ ํ๊ฒ ํผ์ฌํด์ ์ฌ์ฉํด์ผ ํ๊ธฐ ๋๋ฌธ์ด๋ค. ํ์ง๋ง ์ค์ ๋ก VS Code ๋๋ Android Studio๋ก ์ฝ๋๋ฅผ ์ง๋ ๊ฒฝ์ฐ ์๋กญ๊ฒ Wrap ์ ํ๋ ๊ฒ ์์ฒด๊ฐ ์ฝ์ง ์์ ์์ ์ด๋ค. ๊ดํธ๊ฐ ๋ง๊ณ ์์นซ ์๋ชปํ๋ค๊ฐ ์ฝ๋์์ ์๋ฌ๊ฐ ๋ฐ์ํ๊ธฐ ์ฝ์์ด๊ธฐ ๋๋ฌธ์ด๋ค. ๊ทธ๋์ Wrap ์ ํ๊ธฐ ์ํด์๋ option ํค์ enter ํค๋ฅผ ๊ฐ์ด ๋๋ฅด๊ฒ ๋๋ฉด ํด๋น ์์ ฏ์ ๋ํด ์ด๋ค ์์ผ๋ก ๊ฐ์ ๊ฒ์ธ์ง, ๋๋ ๊ฐ์ธ์ ธ ์๋ ๋ถ๋ถ์ ์ ๊ฑฐํ ๊ฒ์ธ์ง ์ ..