๐Ÿ„โ€โ™‚๏ธSPLASH!

์—ฐ๋ฝ์ฒ˜์™€ ๊ฐค๋Ÿฌ๋ฆฌ, ๋‚ ์”จ ๊ธฐ๋Šฅ์ด ์žˆ๋Š” ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜

์—ด์‹ฌํžˆ ๋ถ€๋”ชํ˜€๋ณด๋‹ค. SPLASH!

ํŒ€์›

  • ๊น€์œค์„œ ๊ณ ๋ ค๋Œ€ํ•™๊ต ์ปดํ“จํ„ฐํ•™๊ณผ 20ํ•™๋ฒˆ
  • ์ด์ˆ˜๋ฏผ KAIST ์ „์‚ฐํ•™๋ถ€ 21ํ•™๋ฒˆ

๊ฐœ๋ฐœ ํ™˜๊ฒฝ

  • Android Studio
  • Kotlin
  • Android

์ „๋ฐ˜์  ๊ธฐ์ˆ  ๊ฐœ์š”

  • ์ €ํฌ๋Š” ๊ตฌ๊ธ€์˜ ๊ณต์‹์ ์ธ ์ง€์›์„ ๋ฐ›์œผ๋ฉฐ ์ง€์†์ ์ธ ์„ฑ์žฅ๊ณผ ๊ฐœ๋ฐœ์„ ๋ณด์žฅํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜๋Š” ์•ˆ๋“œ๋กœ์ด๋“œ ๊ฐœ๋ฐœ์šฉ ์–ธ์–ด์ธ Kotlin ๊ธฐ๋ฐ˜์˜ ์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•˜์˜€์Šต๋‹ˆ๋‹ค. 'Navigation tab' ๋ ˆ์ด์•„์›ƒ์„ ์ด์šฉํ•˜์˜€๊ณ  ๊ฐ ํƒญ์€ ๊ฐ๊ฐ์˜ 'Fragment', 'ViewModel', 'Adapter'๋ฅผ ํ†ตํ•ด ์›ํ•˜๋Š” ๋‚ด์šฉ์„ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

Tab1 | Contact

Frame 1

ํ”„๋กœํ•„, ์ด๋ฆ„, ์—ฐ๋ฝ์ฒ˜๋ฅผ ํ•œ๋ˆˆ์— ๋ณผ ์ˆ˜ ์žˆ๋Š” ํƒญ

  • RecyclerView ํ˜•ํƒœ๋กœ ์‚ฌ์ง„, ์ด๋ฆ„, ์ „ํ™”๋ฒˆํ˜ธ ๋ฐ ์ฆ๊ฒจ์ฐพ๊ธฐ ์•„์ด์ฝ˜ ๋ณด์ž„
  • ์—ฐ๋ฝ์ฒ˜ ์ƒ๋‹จ์— ์—ฐ๋ฝ์ฒ˜ ๊ฐœ์ˆ˜๋ฅผ ์•Œ๋ ค์ฃผ๋Š” Textview ์œ„์น˜
  • ์—ฐ๋ฝ์ฒ˜ ํด๋ฆญ ์‹œ ์‚ฌ์ง„, ์ด๋ฆ„, ์ „ํ™”๋ฒˆํ˜ธ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋Š” ์ƒ์„ธ์ •๋ณด Fragment๋กœ ์ด๋™
  • ์ƒ์„ธ์ •๋ณด Fragment์—๋Š” ์—ฐ๋ฝ์ฒ˜ ์‚ญ์ œ, ์ˆ˜์ •, ์ „ํ™” ๋ฒ„ํŠผ์ด ์žˆ๊ณ , ๊ฐ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ ๊ฐ ๊ธฐ๋Šฅ ์ˆ˜ํ–‰ ๊ฐ€๋Šฅ
  • ์ฆ๊ฒจ์ฐพ๊ธฐ ํด๋ฆญ ์‹œ ํ•ด๋‹น ์•„์ดํ…œ์ด ๋ฆฌ์ŠคํŠธ ์ตœ์ƒ๋‹จ์œผ๋กœ ์ด๋™
  • ์ฆ๊ฒจ์ฐพ๊ธฐ ํ•ด์ œ ์‹œ ํ•ด๋‹น ์•„์ดํ…œ์ด ๋ฆฌ์ŠคํŠธ ์ตœํ•˜๋‹จ์œผ๋กœ ์ด๋™
  • ์—ฐ๋ฝ์ฒ˜ ํ•˜๋‹จ์˜ + ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ ์—ฐ๋ฝ์ฒ˜ ์ถ”๊ฐ€ํ•˜๋Š” Fragment๋กœ ์ด๋™
  • ์—ฐ๋ฝ์ฒ˜ ์ถ”๊ฐ€ Fragment์—๋Š” ์ด๋ฆ„ ๋ฐ ์ „ํ™”๋ฒˆํ˜ธ๋ฅผ ๋ฐ›์•„ ์ €์žฅ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์—ฐ๋ฝ์ฒ˜์— ์ถ”๊ฐ€๋จ

Tab2 | Image

Frame 2

์บ๋ฆญํ„ฐ๋“ค์˜ ์‚ฌ์ง„๊ณผ ์ด๋ฆ„์ด ๋‹ด๊ฒจ์ ธ ์žˆ๋Š” ํƒญ

  • RecyclerView ํ˜•ํƒœ๋กœ CardView๋“ค๋กœ ์ •๋ ฌ๋˜์–ด ์žˆ์Œ
  • ์‚ฌ์ง„ ํด๋ฆญ ์‹œ ์ด๋ฆ„๊ณผ ์‚ฌ์ง„ ํ™•๋Œ€ ํ™”๋ฉด์ด ๋ณด์ž„
  • ๋’ค๋กœ ์ด๋™ํ•˜๋Š” BACK ๋ฒ„ํŠผ์ด ์žˆ์Œ

Tab3 | Weather

KakaoTalk_Photo_2024-01-03-21-02-35 007jpeg 1

์ตœ์‹  ๋‚ ์”จ ์ •๋ณด๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ํƒญ

  • Retrofit์„ ํ™œ์šฉํ•˜์—ฌ ๊ณต๊ณต๋ฐ์ดํ„ฐํฌํ„ธ์˜ ๋‹จ๊ธฐ์˜ˆ๋ณด API๋ฅผ ํ˜ธ์ถœํ•˜์—ฌ ๋‚ ์”จ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์™€์„œ data class๋กœ ๊ตฌํ˜„
  • ๋ฐ์ดํ„ฐ๋ฅผ ๋ถ„์„ํ•˜์—ฌ ๊ธฐ์˜จ, ํ•˜๋Š˜ ์ƒํƒœ, ๊ฐ•์ˆ˜ ํ˜•ํƒœ, ์Šต๋„๋ฅผ ์ถ”์ถœํ•˜์—ฌ ๊ฐ ์‹œ๊ฐ„๋Œ€๋ณ„๋กœ ๋ฐฐ์—ด์— ์ €์žฅ
  • ์ฝ”๋“œ ํ˜•ํƒœ์˜ ์ •๋ณด๋ฅผ ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜
  • ๊ณ ์ •๋œ ์œ„์น˜(๋Œ€์ „๊ด‘์—ญ์‹œ ์œ ์„ฑ๊ตฌ ์˜จ์ฒœ2๋“ฑ)์˜ ๋‚ ์”จ ์ •๋ณด๋ฅผ ํ‘œ์‹œ
  • RecylcerView๋ฅผ ์ด์šฉํ•˜์—ฌ ์ตœ์‹  6์‹œ๊ฐ„๋™์•ˆ์˜ ๋‚ ์”จ ์˜ˆ๋ณด๋ฅผ ํ‘œ์‹œ
  • ํ•˜๋Š˜ ์ƒํƒœ์— ๋”ฐ๋ผ ๋‹ค๋ฅธ View๋ฅผ ๊ตฌํ˜„ํ•˜์—ฌ ๋‚ ์”จ๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ๋„ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•จ
  • ์ƒˆ๋กœ๊ณ ์นจ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ํ˜„์žฌ ์‹œ๊ฐ์˜ ๋ฐ์ดํ„ฐ๋กœ ๊ฐฑ์‹ ํ•˜์—ฌ ์ตœ์‹  ๋‚ ์”จ ์ •๋ณด๋ฅผ ์ œ๊ณต