๊ผฐ๋Œ€ ํ”ผํ•˜๊ธฐ

๊ด‘๊ณ  ํฌํ•จ
5+
๋‹ค์šด๋กœ๋“œ
์ฝ˜ํ…์ธ  ๋“ฑ๊ธ‰
์ „์ฒด์ด์šฉ๊ฐ€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€

๊ฒŒ์ž„ ์†Œ๊ฐœ

๊ผฐ๋Œ€ ํ”ผํ•˜๊ธฐ - ํšŒ์‚ฌ ํƒˆ์ถœ ์ง€๋ขฐ์ฐพ๊ธฐ ๊ฒŒ์ž„

์ง์žฅ์ธ์ด๋ผ๋ฉด ๋ˆ„๊ตฌ๋‚˜ ๊ณต๊ฐํ•  ์ˆ˜ ์žˆ๋Š” ์ƒํ™ฉ์„ ์žฌ๋ฏธ์žˆ๋Š” ๊ฒŒ์ž„์œผ๋กœ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ํด๋ž˜์‹ ์ง€๋ขฐ์ฐพ๊ธฐ์˜ ์ „๋žต์  ์žฌ๋ฏธ์— ํšŒ์‚ฌ ์ƒํ™œ์˜ ์œ ๋จธ๋ฅผ ๋”ํ•œ ๋…ํŠนํ•œ ๋ชจ๋ฐ”์ผ ํผ์ฆ ๊ฒŒ์ž„์ž…๋‹ˆ๋‹ค.

๊ฒŒ์ž„ ์†Œ๊ฐœ

ํšŒ์‚ฌ์—์„œ ๊ผฐ๋Œ€๋“ค์„ ํ”ผํ•ด ์•ˆ์ „ํ•˜๊ฒŒ ํƒˆ์ถœํ•˜๋Š” ๊ฒƒ์ด ๋ชฉํ‘œ์ž…๋‹ˆ๋‹ค. ๊ฐ ์นธ์— ํ‘œ์‹œ๋œ ์ˆซ์ž๋Š” ์ฃผ๋ณ€ 8์นธ์— ์ˆจ์–ด์žˆ๋Š” ๊ผฐ๋Œ€์˜ ์ˆ˜๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ๋…ผ๋ฆฌ์  ์ถ”๋ก ๊ณผ ์ „๋žต์  ์‚ฌ๊ณ ๋กœ ๋ชจ๋“  ์•ˆ์ „ํ•œ ์นธ์„ ์ฐพ์•„๋‚ด๋ฉด ์„ฑ๊ณต์ ์œผ๋กœ ํƒˆ์ถœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฃผ์š” ๊ธฐ๋Šฅ

์ง๊ธ‰๋ณ„ ๋‚œ์ด๋„ ์„ ํƒ
์‹ ์ž…๋ถ€ํ„ฐ ํŒ€์žฅ๊นŒ์ง€ 4๊ฐ€์ง€ ์ง๊ธ‰์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๊ฐ ์ง๊ธ‰๋งˆ๋‹ค ๋‹ค๋ฅธ ๋‚œ์ด๋„๋กœ ๊ฒŒ์ž„์„ ์ฆ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‹ ์ž…์€ 8x8 ๊ทธ๋ฆฌ๋“œ์— ๊ผฐ๋Œ€ 10๋ช…, 3๋…„์ฐจ๋Š” 10x10 ๊ทธ๋ฆฌ๋“œ์— ๊ผฐ๋Œ€ 20๋ช…, 7๋…„์ฐจ๋Š” 12x12 ๊ทธ๋ฆฌ๋“œ์— ๊ผฐ๋Œ€ 35๋ช…, ํŒ€์žฅ์€ 16x16 ๊ทธ๋ฆฌ๋“œ์— ๊ผฐ๋Œ€ 60๋ช…์œผ๋กœ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค.

์ง๊ด€์ ์ธ ๊ฒŒ์ž„ ํ”Œ๋ ˆ์ด
์ด๋™ ๋ชจ๋“œ์™€ ํšŒํ”ผ ๋ชจ๋“œ๋ฅผ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ „ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋™ ๋ชจ๋“œ์—์„œ๋Š” ์•ˆ์ „ํ•œ ์นธ์„ ํ™•์ธํ•˜๊ณ , ํšŒํ”ผ ๋ชจ๋“œ์—์„œ๋Š” ๊ผฐ๋Œ€๊ฐ€ ์žˆ์„ ๊ฒƒ ๊ฐ™์€ ์œ„์น˜๋ฅผ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฃผ๋ณ€์— ๊ผฐ๋Œ€๊ฐ€ ์—†๋Š” ์นธ์„ ํด๋ฆญํ•˜๋ฉด ์—ฐ๊ฒฐ๋œ ์•ˆ์ „ํ•œ ์นธ๋“ค์ด ์ž๋™์œผ๋กœ ๊ณต๊ฐœ๋˜์–ด ๋น ๋ฅธ ์ง„ํ–‰์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ๋ก ๊ด€๋ฆฌ ์‹œ์Šคํ…œ
๊ฒŒ์ž„์ด ์‹œ์ž‘๋˜๋ฉด ํƒ€์ด๋จธ๊ฐ€ ์ž๋™์œผ๋กœ ์ž‘๋™ํ•˜๋ฉฐ, ์„ฑ๊ณต์ ์œผ๋กœ ํƒˆ์ถœํ•˜๋ฉด ์†Œ์š” ์‹œ๊ฐ„์ด ๊ธฐ๋ก๋ฉ๋‹ˆ๋‹ค. ๊ฐ ์ง๊ธ‰๋ณ„๋กœ ์ตœ๊ณ  ๊ธฐ๋ก์ด ์ €์žฅ๋˜์–ด ์ž์‹ ์˜ ์‹ค๋ ฅ ํ–ฅ์ƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์„ธ๋ จ๋œ ๋””์ž์ธ
์ตœ์‹  Material3 ๋””์ž์ธ์„ ์ ์šฉํ•˜์—ฌ ๊น”๋”ํ•˜๊ณ  ํ˜„๋Œ€์ ์ธ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. Jetpack Compose ๊ธฐ๋ฐ˜์œผ๋กœ ๋ถ€๋“œ๋Ÿฌ์šด ์• ๋‹ˆ๋ฉ”์ด์…˜๊ณผ ๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ฒŒ์ž„ ๋ฐฉ๋ฒ•

1. ๋ฉ”์ธ ํ™”๋ฉด์—์„œ ์ขŒ์šฐ ํ™”์‚ดํ‘œ๋กœ ์›ํ•˜๋Š” ์ง๊ธ‰์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค
2. ์‹œ์ž‘ ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ๊ฒŒ์ž„์„ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค
3. ํ•˜๋‹จ์˜ ํ† ๊ธ€ ๋ฒ„ํŠผ์œผ๋กœ ์ด๋™ ๋ชจ๋“œ์™€ ํšŒํ”ผ ๋ชจ๋“œ๋ฅผ ์ „ํ™˜ํ•ฉ๋‹ˆ๋‹ค
4. ์ด๋™ ๋ชจ๋“œ์—์„œ ์•ˆ์ „ํ•˜๋‹ค๊ณ  ํŒ๋‹จ๋˜๋Š” ์นธ์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค
5. ํšŒํ”ผ ๋ชจ๋“œ์—์„œ ๊ผฐ๋Œ€๊ฐ€ ์žˆ์„ ๊ฒƒ ๊ฐ™์€ ์นธ์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค
6. ์ˆซ์ž ํžŒํŠธ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์•ˆ์ „ํ•œ ๊ฒฝ๋กœ๋ฅผ ์ฐพ์Šต๋‹ˆ๋‹ค
7. ๋ชจ๋“  ์•ˆ์ „ํ•œ ์นธ์„ ์ฐพ์•„๋‚ด๋ฉด ํƒˆ์ถœ ์„ฑ๊ณต์ž…๋‹ˆ๋‹ค

์Šน๋ฆฌ ์กฐ๊ฑด
๊ผฐ๋Œ€๊ฐ€ ์—†๋Š” ๋ชจ๋“  ์นธ์„ ํ™•์ธํ•˜๋ฉด ์„ฑ๊ณต์ ์œผ๋กœ ํšŒ์‚ฌ๋ฅผ ํƒˆ์ถœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํƒˆ์ถœ ์„ฑ๊ณต ์‹œ ํ˜„์žฌ ์†Œ์š” ์‹œ๊ฐ„์ด ๊ธฐ๋ก๋˜๋ฉฐ, ์ตœ๊ณ  ๊ธฐ๋ก๊ณผ ๋น„๊ตํ•˜์—ฌ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

ํŒจ๋ฐฐ ์กฐ๊ฑด
๊ผฐ๋Œ€๊ฐ€ ์žˆ๋Š” ์นธ์„ ํด๋ฆญํ•˜๋ฉด ๊ฒŒ์ž„ ์˜ค๋ฒ„๊ฐ€ ๋˜๋ฉฐ, ๋ชจ๋“  ๊ผฐ๋Œ€์˜ ์œ„์น˜๊ฐ€ ๊ณต๊ฐœ๋ฉ๋‹ˆ๋‹ค. ์ค‘์ง€ ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ๊ฒŒ์ž„์„ ์ดˆ๊ธฐํ™”ํ•˜๊ณ  ๋‹ค์‹œ ๋„์ „ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ „๋žต ํŒ

์ˆซ์ž ๋ถ„์„์„ ํ†ตํ•œ ์ถ”๋ก 
๊ฐ ์นธ์— ํ‘œ์‹œ๋œ ์ˆซ์ž๋Š” ์ฃผ๋ณ€ 8์นธ์— ์žˆ๋Š” ๊ผฐ๋Œ€์˜ ์ •ํ™•ํ•œ ์ˆ˜์ž…๋‹ˆ๋‹ค. ์ด ์ •๋ณด๋ฅผ ์กฐํ•ฉํ•˜์—ฌ ์•ˆ์ „ํ•œ ์นธ๊ณผ ์œ„ํ—˜ํ•œ ์นธ์„ ๋…ผ๋ฆฌ์ ์œผ๋กœ ์ถ”๋ก ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํšŒํ”ผ ํ‘œ์‹œ ํ™œ์šฉ
ํ™•์‹คํžˆ ๊ผฐ๋Œ€๊ฐ€ ์žˆ๋‹ค๊ณ  ํŒ๋‹จ๋˜๋Š” ์นธ์€ ํšŒํ”ผ ๋ชจ๋“œ๋กœ ํ‘œ์‹œํ•ด๋‘๋ฉด ์‹ค์ˆ˜๋ฅผ ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ‘œ์‹œ๋œ ์นธ์€ ์ด๋™ ๋ชจ๋“œ์—์„œ ํด๋ฆญ๋˜์ง€ ์•Š์•„ ์•ˆ์ „ํ•ฉ๋‹ˆ๋‹ค.

๋ชจ์„œ๋ฆฌ์™€ ๊ฐ€์žฅ์ž๋ฆฌ๋ถ€ํ„ฐ ์‹œ์ž‘
๊ฒŒ์ž„ํŒ์˜ ๋ชจ์„œ๋ฆฌ์™€ ๊ฐ€์žฅ์ž๋ฆฌ๋Š” ์ธ์ ‘ํ•œ ์นธ์˜ ์ˆ˜๊ฐ€ ์ ์–ด ๋ถ„์„์ด ์‰ฝ์Šต๋‹ˆ๋‹ค. ์ด ๋ถ€๋ถ„๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜์—ฌ ์•ˆ์ „ ์ง€๋Œ€๋ฅผ ๋„“ํ˜€๊ฐ€๋Š” ์ „๋žต์ด ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค.

ํŒจํ„ด ์ธ์‹
๋ฐ˜๋ณต์ ์œผ๋กœ ํ”Œ๋ ˆ์ดํ•˜๋ฉด์„œ ์ž์ฃผ ๋‚˜ํƒ€๋‚˜๋Š” ์ˆซ์ž ํŒจํ„ด์„ ์ตํžˆ๋ฉด ๋” ๋น ๋ฅด๊ณ  ์ •ํ™•ํ•œ ํŒ๋‹จ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ์ˆ ์  ํŠน์ง•

Jetpack Compose๋กœ ๊ตฌํ˜„ํ•œ ์ตœ์‹  Android UI
์™„์ „ํžˆ ์„ ์–ธํ˜• ๋ฐฉ์‹์œผ๋กœ ์ž‘์„ฑ๋œ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋Š” ์ƒํƒœ ๋ณ€ํ™”์— ๋”ฐ๋ผ ์ž๋™์œผ๋กœ ์—…๋ฐ์ดํŠธ๋˜์–ด ์ผ๊ด€์„ฑ ์žˆ๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

MVVM ์•„ํ‚คํ…์ฒ˜ ํŒจํ„ด
๋ชจ๋ธ, ๋ทฐ, ๋ทฐ๋ชจ๋ธ์„ ๋ช…ํ™•ํžˆ ๋ถ„๋ฆฌํ•˜์—ฌ ์ฝ”๋“œ์˜ ์œ ์ง€๋ณด์ˆ˜์„ฑ๊ณผ ํ…Œ์ŠคํŠธ ์šฉ์ด์„ฑ์„ ๋†’์˜€์Šต๋‹ˆ๋‹ค.

๋ฐ˜์‘ํ˜• ์ƒํƒœ ๊ด€๋ฆฌ
Compose์˜ ์ƒํƒœ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์„ ํ™œ์šฉํ•˜์—ฌ ๊ฒŒ์ž„ ์ƒํƒœ ๋ณ€ํ™”๊ฐ€ ์ฆ‰์‹œ UI์— ๋ฐ˜์˜๋ฉ๋‹ˆ๋‹ค.

์ตœ์ ํ™”๋œ ์„ฑ๋Šฅ
๋ถˆ๋ณ€ ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ์™€ ํšจ์œจ์ ์ธ ๋ฆฌ์ปดํฌ์ง€์…˜์œผ๋กœ ๋ถ€๋“œ๋Ÿฌ์šด ๊ฒŒ์ž„ ํ”Œ๋ ˆ์ด๋ฅผ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.

์ด ๊ฒŒ์ž„์€ ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์ง€๋งŒ ๋งˆ์Šคํ„ฐํ•˜๊ธฐ๋Š” ์–ด๋ ค์šด ๊นŠ์ด ์žˆ๋Š” ๊ฒŒ์ž„ํ”Œ๋ ˆ์ด๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ถœํ‡ด๊ทผ ์‹œ๊ฐ„์ด๋‚˜ ์งฌ๋‚  ๋•Œ ์ฆ๊ธฐ๊ธฐ ์ข‹์€ ๊ฐ„๋‹จํ•˜๋ฉด์„œ๋„ ์ค‘๋…์„ฑ ์žˆ๋Š” ํผ์ฆ ๊ฒŒ์ž„์„ ์ฐพ๊ณ  ์žˆ๋‹ค๋ฉด ์ง€๊ธˆ ๋ฐ”๋กœ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ํšŒ์‚ฌ ํƒˆ์ถœ์— ๋„์ „ํ•ด๋ณด์„ธ์š”.

๊ฐœ๋ฐœ ์ •๋ณด
๋ฒ„์ „ 1.0
Android 7.0 ์ด์ƒ ์ง€์›
๋ฌด๋ฃŒ ๋‹ค์šด๋กœ๋“œ
๊ด‘๊ณ  ์—†์Œ
์ธ์•ฑ ๊ตฌ๋งค ์—†์Œ

๊ฐœ์ธ์ •๋ณด ๋ณดํ˜ธ
์ด ์•ฑ์€ ์–ด๋– ํ•œ ๊ฐœ์ธ์ •๋ณด๋„ ์ˆ˜์ง‘ํ•˜์ง€ ์•Š์œผ๋ฉฐ, ์ธํ„ฐ๋„ท ์—ฐ๊ฒฐ ์—†์ด ์™„์ „ํžˆ ์˜คํ”„๋ผ์ธ์œผ๋กœ ์ฆ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฒŒ์ž„ ๊ธฐ๋ก์€ ์‚ฌ์šฉ์ž์˜ ๊ธฐ๊ธฐ์—๋งŒ ์ €์žฅ๋ฉ๋‹ˆ๋‹ค.
----
๊ฐœ๋ฐœ์ž ์—ฐ๋ฝ์ฒ˜ :
์žฅ์ง„์šฉ ์ •์ž์ผ๋กœ 46
๋ถ„๋‹น๊ตฌ, ์„ฑ๋‚จ์‹œ, ๊ฒฝ๊ธฐ๋„ 13614
South Korea 123412341234 123412341234 123412341234
์—…๋ฐ์ดํŠธ ๋‚ ์งœ
2025. 11. 13.

๋ฐ์ดํ„ฐ ๋ณด์•ˆ

๋ณด์•ˆ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ ๋ฐ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ์‹์„ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ ๋ฐ ๋ณด์•ˆ ๊ด€ํ–‰์€ ์‚ฌ์šฉ์ž์˜ ์•ฑ ์‚ฌ์šฉ, ์ง€์—ญ, ์—ฐ๋ น์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•œ ์ •๋ณด์ด๋ฉฐ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ œ3์ž์™€ ๊ณต์œ ๋˜๋Š” ๋ฐ์ดํ„ฐ ์—†์Œ
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ณต์œ ๋ฅผ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.
์ˆ˜์ง‘๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ์ˆ˜์ง‘์„ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.

์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ

๋ฒ„์ „ 1.7 ์—…๋ฐ์ดํŠธ

โ€ข ์ฝ”๋“œ ํ’ˆ์งˆ ๊ฐœ์„ 
- ๋‹ค๊ตญ์–ด ์ง€์› ๊ฐ•ํ™” (๋ชจ๋“  UI ํ…์ŠคํŠธ ๋ฆฌ์†Œ์Šคํ™”)
- ๋ถˆํ•„์š”ํ•œ ๋””๋ฒ„๊ทธ ๋กœ๊ทธ ์ •๋ฆฌ
- ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” import ์ œ๊ฑฐ
โ€ข ๋งต ์ฝ˜ํ…์ธ  ์ถ”๊ฐ€
- Made ๋งต์— ์ƒˆ๋กœ์šด ํŒจํ„ด ์ถ”๊ฐ€ (๋ณ„, ๋ฒ„์„ฏ, ๊ผฐ๋Œ€)
โ€ข ์ „๋ฐ˜์ ์ธ ์ฝ”๋“œ ์•ˆ์ •์„ฑ ํ–ฅ์ƒ