๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ป Extracurricular/์ฝ”๋ฎค๋‹ˆํ‹ฐ ๋ชจ๊ฐ์ฝ”

๋ชจ๊ฐ์ฝ” < Kotlin ๊ธฐ์ดˆํŽธ > - 4์ผ์ฐจ

*์ด ๊ฒŒ์‹œ๋ฌผ์˜ ๋งจ ๋งˆ์ง€๋ง‰ ๊ณผ์ œ๋ฅผ ์ œ์™ธํ•œ ์‚ฌ์ง„์€ ์•„๋ž˜ ๋งํฌ์˜ ์‚ฌ์ง„์„ ์ฒจ๋ถ€ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

https://codemate.kr/project/์•ˆ๋“œ๋กœ์ด๋“œ-APP-๋ฉ”์ดํŠธ-์ฝ”ํ‹€๋ฆฐ-๊ธฐ์ดˆํŽธ

โœ… ๊ตฌ์กฐ ํŒŒ์•…ํ•˜๊ธฐ

  1. ํ”„๋กœ์ ํŠธ ์ฐฝ : ํ”„๋กœ์ ํŠธ์— ํฌํ•จ๋œ ํด๋”์™€ ํŒŒ์ผ๋“ค์„ ๋ณผ ์ˆ˜ ์žˆ๋Š” ์ฐฝ
  2. ์—๋””ํ„ฐ ์ฐฝ : ํŒŒ์ผ์„ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์ฐฝ (๋ ˆ์ด์•„์›ƒ/์ฝ”๋“œ)
  3. ๋„๊ตฌ ์ฐฝ

โœ… ํ”„๋กœ์ ํŠธ ์ฐฝ

: ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ๋ฐฉ์‹์œผ๋กœ ํด๋”์™€ ํŒŒ์ผ์„ ๋ณผ ์ˆ˜ ์žˆ์Œ

๊ฐ€์žฅ ๋งŽ์ด ์“ฐ์ด๋Š” ๊ฒƒ : Project & Android

 

โšก ํ”„๋กœ์ ํŠธ ๋ชจ๋“œ

: ๋ชจ๋“  ํด๋”์™€ ํŒŒ์ผ์„ ํด๋” ๊ตฌ์กฐ ๊ทธ๋Œ€๋กœ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ชจ๋“œ

 

โšก ์•ˆ๋“œ๋กœ์ด๋“œ ๋ชจ๋“œ

: ์•ˆ๋“œ๋กœ์ด๋“œ ๊ฐœ๋ฐœ์šฉ์œผ๋กœ ์ตœ์ ํ™”ํ•œ ํด๋”/ํŒŒ์ผ ๊ตฌ์กฐ

๊ฐœ๋ฐœํ•  ๋•Œ๋Š” ๋ณดํ†ต ์•ˆ๋“œ๋กœ์ด๋“œ ๋ชจ๋“œ๋ฅผ ์‚ฌ์šฉ!

 

๐Ÿ‘€ AndroidManifest.xml

์•ฑ์˜ ์ „์ฒด ๊ตฌ์„ฑ ์ •๋ณด๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š” ํŒŒ์ผ (๋งค๋‹ˆํŽ˜์ŠคํŠธ ๋ผ๊ณ  ๋งํ•˜๋ฉด ์ด ํŒŒ์ผ์„ ๋งํ•จ!)

  • ์•กํ‹ฐ๋น„ํ‹ฐ์˜ ๊ฐœ์ˆ˜, ์•ฑ์˜ ์ฒซ ํ™”๋ฉด์„ ๋‹ด๋‹นํ•  ์•กํ‹ฐ๋น„ํ‹ฐ, ๊ถŒํ•œ ํ—ˆ์šฉ ๋“ฑ์˜ ์ฝ”๋“œ๊ฐ€ ๋“ค์–ด์žˆ์Œ.

๐Ÿ‘€ MainActivity.kt, activity_main.xml

ํ™”๋ฉด์„ ๊ตฌ์„ฑํ•˜๋Š” ํŒŒ์ผ

  • .xml ํŒŒ์ผ : ๋ ˆ์ด์•„์›ƒ ๋‹ด๋‹น
  • .kt ํŒŒ์ผ : ํ™”๋ฉด์— ๋Œ€ํ•œ ์ฝ”๋“œ(์ฝ”ํ‹€๋ฆฐ) ์ž‘์„ฑ

๐Ÿ“›๋ณดํ†ต ์ด๋ฆ„์„ ์ง€์„ ๋•Œ ํŒŒ์ผ ์ด๋ฆ„์ด OOOActivity ๋ผ๋ฉด?

=> activity_OOO ๋ผ๊ณ  ๋ ˆ์ด์•„์›ƒ ํŒŒ์ผ๋ช…์„ ์ •ํ•จ

 

๐Ÿ‘€ build.gradle (ํ”„๋กœ์ ํŠธ ์ˆ˜์ค€, ๋ชจ๋“ˆ ์ˆ˜์ค€)

๋นŒ๋“œ๋ฅผ ์œ„ํ•ด ํ•„์š”ํ•œ ์„ค์ •์„ ์ž‘์„ฑํ•˜๋Š” ๊ณณ

 

๐Ÿ“› ๋นŒ๋“œ๋ž€? 

: ํ”„๋กœ์ ํŠธ๋ฅผ ์„ค์น˜ ํ•  ์ˆ˜ ์žˆ๋Š” ์•ฑ์œผ๋กœ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ๊ณผ์ •

๐Ÿ“› ํ”„๋กœ์ ํŠธ ์ˆ˜์ค€์˜ build.gradle ํŒŒ์ผ VS ๋ชจ๋“ˆ ์ˆ˜์ค€์˜ build.gradle ํŒŒ์ผ

: ์™ธ๋ถ€์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๊ฐ€์ ธ์˜ฌ ๋•Œ ํ”„๋กœ์ ํŠธ ์ˆ˜์ค€์ธ์ง€, ๋ชจ๋“ˆ ์ˆ˜์ค€์ธ์ง€ ํ™•์ธ ํ•„์ˆ˜!


โœ… ๋ ˆ์ด์•„์›ƒ ์—๋””ํ„ฐ ์ฐฝ

: ๋ ˆ์ด์•„์›ƒ ์—๋””ํ„ฐ ์ฐฝ์€ Code, Split, Design ์ด 3๊ฐ€์ง€ ๋ชจ๋“œ!

 

โšก ์ฝ”๋“œ ๋ชจ๋“œ : ์ฝ”๋“œ๋กœ ๋ ˆ์ด์•„์›ƒ์„ ์ˆ˜์ • ๋ฐ ํ™•์ธ

 

โšก ์Šคํ”Œ๋ฆฟ ๋ชจ๋“œ : ์ฝ”๋“œ์™€ ๋””์ž์ธ ๋ชจ๋“œ ๋ฐ˜๋ฐ˜

 

โšก ๋””์ž์ธ ๋ชจ๋“œ : ๊ทธ๋ž˜ํ”ฝ UI๋กœ xml ํŒŒ์ผ์„ ์ˆ˜์ •

 

ํŒ”๋ ˆํŠธ(Palette),

์ปดํฌ๋„ŒํŠธ ํŠธ๋ฆฌ(Component Tree),

์†์„ฑ( Attributes )์ฐฝ,

๊ทธ๋ฆฌ๊ณ  ํ™”๋ฉด์ด ํ‘œ์‹œ๋˜๋Š” ์ฐฝ์œผ๋กœ ๊ตฌ๋ถ„๋จ.

 

๐Ÿ‘€ ํŒ”๋ ˆํŠธ(Palette)

: ๋””์ž์ธ์— ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” ์ปดํฌ๋„ŒํŠธ๋“ค์„ ๋ชจ์•„๋†“์€ ๋ถ€๋ถ„

(๋“œ๋ž˜๊ทธ ์•ฑ ๋“œ๋กญ์„ ํ†ตํ•ด ์›ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ ์ถ”๊ฐ€)

 

๐Ÿ‘€ ์ปดํฌ๋„ŒํŠธ ํŠธ๋ฆฌ (Component Tree)

ํ˜„์žฌ ํ™”๋ฉด ๋‚ด์— ๋“ค์–ด์žˆ๋Š” ์ปดํฌ๋„ŒํŠธ๋“ค์„ ํŠธ๋ฆฌ ๊ตฌ์กฐ๋กœ ๋ณด์—ฌ์คŒ.


โœ… ์˜ค๋Š˜์˜ ๋ฌธ์ œ : ์‹คํ–‰ ์ธ์ฆํ•˜๊ธฐ!

codemate_@guswlsdl04 โ—€ CLICK HERE!