Development/Compose

Development/Compose

Compose - Typegraphy๋กœ TextStyle ์ผ๊ด„ ์ง€์ •(Feat. textSize๋ฅผ dp๋กœ)

๋””์ž์ธ QA๋ฅผ ํ•˜๋˜์ค‘ ์‹œ์Šคํ…œ ์„ค์ •์—์„œ ๊ธ€์ž ํฌ๊ธฐ๋ฅผ ๋ณ€๊ฒฝํ–ˆ์„ ๋•Œ ์‹œ์Šคํ…œ ์„ค์ • ๊ฐ’์„ ๋”ฐ๋ผ๊ฐ€์ง€ ์•Š๊ณ  ๋ชจ๋“  ๊ธฐ๊ธฐ ๋˜‘๊ฐ™์ด ๋…ธ์ถœํ•ด๋‹ฌ๋ผ. Compose์—์„œ Text์˜ fontSize๋ฅผ sp๋กœ ์ง€์ •ํ•˜๊ฒŒ ๋˜๋ฉด ์‹œ์Šคํ…œ ์„ค์ •์„ ๋”ฐ๋ผ๊ฐ€๊ฒŒ ๋˜๊ณ  dp๋กœ ์„ค์ •ํ•ด์•ผ๋งŒ ์ ˆ๋Œ€๊ฐ’์œผ๋กœ ์œ ์ง€๋˜๋Š” ๊ฒƒ์„ ์•Œ์•˜๋‹ค. ๊ทผ๋ฐ TextStyle๋กœ ๋ชจ๋‘ ๊ณ ์ •์‹œ์ผœ์„œ style์— ์ง€์ •ํ•ด์ฃผ๊ณ  ์žˆ๋˜ ๋‚œ dp๋กœ ์„ค์ •ํ•˜๋ ค๊ณ  ๋‚œ๋ฆฌ๋ฅผ ์น˜๋‹ค ๊ฒฐ๊ตญ ์•„๋ž˜์™€ ๊ฐ™์ด ์„ค์ •ํ•˜๊ฒŒ ๋๋‹ค. ์ด๋ฒˆ์— ๋ฐฐ์šด ๊ฒƒ! 1. Compose์—์„œ๋Š” fontSize๋ฅผ ์ •ํ•  ๋•Œ sp๋ฅผ ์„ ์–ธํ•ด์ค˜์•ผํ•œ๋‹ค. 2. ๊ผญ dp๋กœ fontSize๋ฅผ ์„ ์–ธํ•ด์ค˜์•ผ ํ•œ๋‹ค๋ฉด, ์•„๋ž˜์™€ ๊ฐ™์ด ์„ ์–ธ ํ•ด์ฃผ๋ฉด ๋œ๋‹ค. (๋ฌด์กฐ๊ฑด Composable ์–ด๋…ธํ…Œ์ด์…˜์„ ์ถ”๊ฐ€ํ•ด์ค˜์•ผ๋งŒ ๊ฐ€๋Šฅํ•œ ํ•จ์ˆ˜์ด๋‹ค) 3. ํ•˜์ง€๋งŒ ๋””์ž์ด๋„ˆ์™€ ์ผํ•˜๋ฉด์„œ textStyle ..

Development/Compose

Jetpack Compose Camp 2022 ํ›„๊ธฐ

๋„ˆ๋ฌด๋‚˜๋„ ๋Šฆ์—ˆ์ง€๋งŒ Jetpack Compose Camp 2022๋ฅผ ๋งˆ๋ฌด๋ฆฌํ•œ ํ›„๊ธฐ๋ฅผ ์ž‘์„ฑํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. Compose Camp๋กœ ์ดˆ๋Œ€ํ•ฉ๋‹ˆ๋‹ค! developersonair.withgoogle.com (์œ„์— ๋งํฌ๋Š” ์•„์ง ๋‚จ์•„์žˆ๊ธธ๋ž˜ ๊ฐ€์ ธ์™€๋ดค๋‹ค) ์ด๋ฒˆ์—๋Š” 2021๋…„์—๋Š” Compose camp๊ฐ€ ์•„๋‹ˆ๋ผ Devfest 2021 Android Jetpack Compose Codelab๋ผ๋Š” ์ด๋ฆ„์œผ๋กœ ๋‚˜์™”์—ˆ๋‹ค. ๊ทธ๋•Œ์™€๋Š” ๋‹ค๋ฅด๊ฒŒ 2022๋…„๋„๋Š” ์ดˆ๊ธ‰๋ฐ˜ ์ค‘๊ธ‰๋ฐ˜์œผ๋กœ ๋‚˜๋ˆ  ์ฝ”๋“œ๋žฉ์„ ์ง„ํ–‰ํ•˜๊ณ  ๋ฌด์Šจ ์ž์‹ ๊ฐ์ธ์ง€ ๋ชจ๋ฅด๊ฒŒ ๋‚˜๋Š” ์ค‘๊ธ‰๋ฐ˜์œผ๋กœ ์ง€์›ํ•ด์„œ Camp๋ฅผ ์ง„ํ–‰ํ–ˆ๋‹ค. 2021๋…„๋„์— ์ฝ”๋“œ๋žฉ์„ ํ•˜๊ณ ๋‚˜์„œ ์‹ค์ œ๋กœ๋Š” ํ”„๋กœ์ ํŠธ์— ์ ์šฉ์‹œํ‚ค๊ธฐ ์–ด๋ ต๋‹ค๋Š” ์ƒ๊ฐ์— ๊ด€๋ จ ์ž๋ฃŒ๋งŒ ํƒ์ƒ‰ํ•˜๊ณ  ์–ธ์ œ ์ง„ํ–‰ํ•˜์ง€ ํ•˜๋ฉด์„œ ๊ธฐ๋‹ค๋ฆฌ๋‹ค๊ฐ€ 1๋…„์ด ์ง€๋‚˜๋ฒ„๋ ธ๋Š”๋ฐ ์ค‘๊ธ‰๋ฐ˜์œผ๋กœ ์‹ ์ฒญํ•œ๊ฑด ๋ฌด..

Development/Compose

๋Œ€์„ธ๋ผ๋Š” Compose! ๊ทธ๋ž˜ ํ•œ๋ฒˆ ๋ฐฐ์›Œ๋ณผ๊นŒ? ๐Ÿ“

Compose๊ฐ€ ๋ญ˜๊นŒ? ๋œป์œผ๋กœ๋Š” ๊ตฌ์„ฑํ•˜๋‹ค, ์ž‘๊ณกํ•˜๋‹ค ๋ผ๋Š” ๋œป์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”๋ฐ ์•ˆ๋“œ๋กœ์ด๋“œ์—์„œ๋Š” Compose๋Š” Jetpack Compose์˜ ํ•œ ๊ฐ€์ง€๋กœ ๋„ค์ดํ‹ฐ๋ธŒ Android UI๋ฅผ ๋นŒ๋“œํ•˜๊ธฐ ์œ„ํ•œ ์ตœ์‹  ๋„๊ตฌ ํ‚คํŠธ์ž…๋‹ˆ๋‹ค. ๋งํฌ → https://developer.android.com/jetpack/compose/documentation Jetpack Compose ์‹œ์ž‘ํ•˜๊ธฐ | Android Developers Jetpack Compose ์‹œ์ž‘ํ•˜๊ธฐ ์ปฌ๋ ‰์…˜์„ ์‚ฌ์šฉํ•ด ์ •๋ฆฌํ•˜๊ธฐ ๋‚ด ํ™˜๊ฒฝ์„ค์ •์„ ๊ธฐ์ค€์œผ๋กœ ์ฝ˜ํ…์ธ ๋ฅผ ์ €์žฅํ•˜๊ณ  ๋ถ„๋ฅ˜ํ•˜์„ธ์š”. Jetpack Compose๋Š” ๋„ค์ดํ‹ฐ๋ธŒ Android UI๋ฅผ ๋นŒ๋“œํ•˜๊ธฐ ์œ„ํ•œ ์ตœ์‹  ๋„๊ตฌ ํ‚คํŠธ์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ Compo developer.android.com ๊ธฐ์กด์˜ Android ์˜ XM..

Android_DevKick
'Development/Compose' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก