Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
우리모두 삽질한다
Search
pluulove (노현석)
December 10, 2023
Programming
0
1.4k
우리모두 삽질한다
"DEVFEST 23 Songdo"에서 발표한 "우리모두 삽질한다" 발표 자료입니다.
pluulove (노현석)
December 10, 2023
Tweet
Share
More Decks by pluulove (노현석)
See All by pluulove (노현석)
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
360
N.E.X.T LEVEL
pluu
3
530
안드로이드 기술 이력서의 최소 조건
pluu
1
3.1k
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
700
Android Studio와 좀 더 친해지기
pluu
0
200
Re:Android Studio 설정 살펴보기 및 생산성 올리기
pluu
0
1.7k
What's new in Android development tools
pluu
1
910
What's new in Android development tools
pluu
1
460
개발자 Side Next Step ~ 커뮤니티 x Android
pluu
2
310
Other Decks in Programming
See All in Programming
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
140
SODA - FACT BOOK(JP)
sodainc
1
8.8k
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
290
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
8.8k
CSC305 Lecture 11
javiergs
PRO
0
280
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
7.7k
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
340
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
nakita628
0
320
TransformerからMCPまで(現代AIを理解するための羅針盤)
mickey_kubo
7
5.4k
Catch Up: Go Style Guide Update
andpad
0
250
CSC305 Lecture 09
javiergs
PRO
0
310
Vueのバリデーション、結局どれを選べばいい? ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
neginasu
2
1.6k
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
Docker and Python
trallard
46
3.6k
Unsuck your backbone
ammeep
671
58k
The Pragmatic Product Professional
lauravandoore
36
7k
Bash Introduction
62gerente
615
210k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Build your cross-platform service in a week with App Engine
jlugia
233
18k
Transcript
Incheon/Songdo ܻݽف ೠ Pluu KakaoBank
উ֞ೞࣁਃ!! PLUU KakaoBank Android App Developer GDE for Android
• ড 4֙р ܻ݃ੋ٘.  ாझ ҕਬ • ޙઁ ೧Ѿ
߂ ߑೱ ١ э Ҋೡ ష • ҙੋ ࠙ࢳ۽  ইש • ग ೧Ѿ ߑߨ X, ഛೠ ҳഅ ࣗѐ X য়ט  ߊח…
Index 1. ۽ ജ গפݫ࣌ 2.  ച ೞ അ࢚
3. UI పझ ~  4. োझ۞ ઁझ 5. ߈ࠂ ੌ ࢤࢿ ۞Ӓੋ ઁ
Incheon/Songdo Case 1. ۽ ജ গפݫ࣌
 : https://www.youtube.com/watch?v=fFau-nCmXcs গפݫ࣌ ݽण ଃੑפ.
ࣻ ਃѤ • ৽ଃ ח ೦࢚ ਤী ֢ ࢠ ݽण
Ҋ1. UI ࢸ҅ • ױੌ Viewীࢲ  ۪؊݂ • Custom
ViewGroup + ImageView 2ѐ о ೞաੋ ҃о ࣻ • Composeח Modifier#layout, Modifier#offset
Ҋ2. ౠ ܳ ݢ Ӓܻӝ • Draw ҙ۲ ೣࣻীࢲ Ӓܻח
ࣽࢲܳ ઑ • Z୷ ࣻ (z, translationZ) • View#bringToFront() ==> ࢶࣽਤܳ ઑೞח द ਃ
Ҋ3. সؘ / ࠭ ܼ • ؘఠ সؘद • যו
࠭ ӝળਵ۽ ߄ੋ٬ • 1ѐ ↔ 2ѐ ߸҃द ز • ܼद যו ۽ ݫੋੋо? • ࣘࢿী ٮۄ ߸҃ ਃ (: Z୷)
Incheon/Songdo Case 2.  ച ೞ അ࢚
QA ઁࠁ ۽ীо ࢎਵ۽ ࢸೞݶ উ٘݅ ۽ ࢎ ٣ѱ ܻѱ
ࠁѢٚৈ ೠߣ ഛੋ ࠗఌ٘۰ৈ QA c______.b____ pluu.pluu żźża ٯ ܲѤ হਸబؘ ೠߣࠅѱਃ ֖ ઁ ইਬ ࢎ Ӓېب 1000x1000 ֈחؘ… QA c______.b____
о ࡸৗणפ?! 7979-01-12345 ੌࠗ ۽ ࢎ ܻѱ աয়ח അ࢚ ߊѼ
1333 x 1333 (1 : 1) 1125 x 2000 (0.5
: 1) 2000 x 1125 (1.7 : 1)   : https://m.post.naver.com/my/series/detail.naver? seriesNo=637119&memberNo=51071215&prevVolumeNo=30582870 ܳ ۽٘ೞݶ? View ӝ = 150dp
పझ ٘ Glide.with(this) .load(/** Image */) .circleCrop() .into(/** ImageView */)
<ImageView android:layout_width="150dp" android:layout_height="150dp" /> पઁ ٘৬ 100% زੌೞ ঋणפ.
Ѿҗ View ӝ = 150dp ࢠ  • 1333 x
1333 (1 : 1) • 1125 x 2000 (0.5 : 1) • 2000 x 1125 (1.7 : 1)
ѐ߹  ݽण ੌࠗ о ࢶݺೞ ঋ 1333 x 1333
(1 : 1) 1125 x 2000 (0.5 : 1) 2000 x 1125 (1.7 : 1)
circleCrop API Glide
CENTER_INSIDE API Glide
circleCrop API Original Scale Crop Result ӝળ ӝࠁ эѢա 
ࢎૉ۽ Scaleܻೠ റ ܻ
Glide crop API • optionalCenterCrop • centerCrop • optionalCircleCrop •
circleCrop
optionalCircleCrop API Glide
CENTER_OUTSIDE API Glide • Upscale ਗ
optionalCircleCrop API Original Scale & Crop Result ӝળ ӝࠁ эѢա
 ࢎૉ۽ Scaleܻೠ റ ܻ
circleCrop optionalCircleCrop
circleCrop optionalCircleCrop Downscale݅ оמೞৈ ࣗ࠺غח ܻࣗझܳ ୭ೠ ѱ ࢎਊ Upscaleب
ೲਊೞ۽  ಿਸ ࠁ оמ. ؊ ݆ ݫݽܻܳ ࣗ࠺
ࣻ ࠁҊ pluu.pluu c______.b____ ԝԝೣਵ۽ ࣻೠ ݽण ࣁ۽оӟ-о۽оӟ-ࢎпഋ-ࢎпഋ ই 
ਬ ૨  ܖ ૨ QA c______.b____
• ز ࢚ೡ ٺ …. ҕध ޙࢲܳ द  •
ࢳب द ಝࠁ • (ଵҊ) Glide۽ ࠛ۞য়ח  ઙഫ࠺о ݶ, optionalCircleCrop()о ࣻ • https://pluu.github.io/blog/android/glide/2022/11/20/glide-circlecrop/ TIP. Glide
Incheon/Songdo Case 3. UI పझ ~ 
పझ ೖۄ٘   : https://developer.android.com/training/testing/fundamentals
Fake ੑ • Mock/Spy • Test Fake ё
• पઁ ٣߄झ  Emulator పझ • पઁ زҗ ਬࢎࢿ
֫ • ٣߄झ ࢚కী ೱ ߉ • ֎ਕ, ױ݈ ࠁ ١ • ੌࠗ పझח ࢿदী ࢿҕೡ ࣻ ݅, ৻ࠗ ೱ(ؘఠ ઁ ١)ਵ۽ पಁೡ ഛ ܫ ਫ਼ਵ۽ ઓ UI Testীࢲ Fake ਃࢿ Fake
Storage  ֢ ߑध Request Response
ܖܖ ղ ҅ઝ PlaceHolder/Errorо ઓೠݶ ֎ਕ ࢚ടী ҙ۲ হ ೦࢚
যڃ ܳ ֢ оמ ২࣌ 
• PlaceHolder/Error  ாझо হח ҃ • ࠂࣻ  
۽٘غয ୭ઙ ചݶ ֢غח ҃ • ࠛ߸ೠ ੋо? • दр դ റীب పझח ࢿҕ೧ঠೣ • ѐߊ ࢲߡীࢲח औѱ ࢎۄ ࣻ  ࣻ 
э Ѿҗܳ ٜ݅۰ݶ? Network = LET/5G + Wifi Device Network
O Emulator Network O Device Network X
• पઁ ֎ਕ ాन হ పझ • (Optional) য়ۄੋ ݽ٘
పझ పझ ࢿҕܫ ৢܻח ߑߨ?!
పझ ࢿҕܫ ৢܻח ߑߨ?! Storage ৻ࠗ ࣗীח Ӕೞݶࢲ  द
Glide рۚೠ ز ӝࠄ ઁҕغח Model Loader Bitmap, Drawable, String,
Uri, File, Drawable Resource ID, URL, Byte[], Object Glide Registry Model Loader Decoding Storage
Glide ೧Ѿߨ Glide Registry Model Loader Decoding ӝࠄ ઁҕೞח Loaderࠁ
ࢶ೯ ܻೞח Custom Loader ١۾ Custom Model Loader Storage
 о۽ӝ Remote Local asset SAMPLE
SAMPLE
• ೞ٘ਝয : పझ ࠺ झܽ ӝ, ֎ਕ оמ ৈࠗ
• ࣗਝয :  ۄ࠳۞ܻо UI పझী ೠ ৈࠗ • झషܻ : ৻ࠗ ࣗ ܳ ۽٘ೞח ҃, ೧ URL ೦࢚ ਬബೠ ৈࠗ ܻ. UI పझ Ҋ۰ ࢎ೦
Case 4. োझ۞ ઁझ Incheon/Songdo
ܖܖ ղ ҅ઝ ੑӘా ࣁ߅झ ӝӘ ਬӘ ೠ׳Ә · ·
 mini ѐੋࢎস
ਘәా  123,456,789ਗ · · · ٘  ࣁ߅झ 1,234,567ਗ
ਘәా  Әঘࠁӝ · · · ٘  ࣁ߅झ Әঘࠁӝ
ਖ਼ঘ ࠁ ೧ઁ
ਘәా  · · · ٘  ࣁ߅झ Әঘࠁӝ Әঘࠁӝ
ઁझ ز
ਘәా  · · · ٘  ࣁ߅झ Әঘࠁӝ Әঘࠁӝ
ઁझ ز 123,4
ਘәా  · · · ٘  ࣁ߅झ Әঘࠁӝ Әঘࠁӝ
ઁझ ز 123,456,789ਗ
ۨইਓ ҳઑ ਘәా  · · · ٘  ࣁ߅झ
ImageView Button TextView पઁ ҳઑ৬ 100% زੌೞ ঋणפ. Әঘࠁӝ Әঘࠁӝ
ઁझ оמ  ࢶ ਘәా  · · · ٘
 ࣁ߅झ पઁ ҳઑ৬ 100% زੌೞ ঋणפ. Әঘࠁӝ Әঘࠁӝ
ܖܖ ղ ҅ઝ ਘәా  · · · ٘ 
ࣁ߅झ ࢎਊ݃ ܲ ఠ ઝ →  ઁझח ࢎਊ݃ ୭ୡ ఠ द  ઑӘঀ ܴ 1. ೧  ߄۽ ਤ 2. ೧ ࠁ ৽ଃীࢲ द Әঘࠁӝ 1 2 Әঘࠁӝ
ܖܖ ղ ҅ઝ ਘәా  · · · ٘ 
ࣁ߅झ ࢎਊ݃ ܲ ఠ ઝ →  ઁझח ࢎਊ݃ ୭ୡ ఠ द  ઑӘঀ ܴ 1. ೧  ߄۽ ਤ 2. ೧ ࠁ ৽ଃীࢲ द ఠೞӝী ೠ ӝੋо? Әঘࠁӝ Әঘࠁӝ
ܖܖ ղ ҅ઝ ਘәా  · · · ٘ 
ࣁ߅झ ఠೞӝী ೠ ӝੋо? ӂ ఠ ӝ Material 3 : ఠ ߂ ನੋఠ : 48px x 48px • https://m3.material.io/foundations/accessible-design/ accessibility-basics Apple HIG : 44 x 44pt • https://developer.apple.com/design/human-interface- guidelines/accessibility#Buttons-and-controls Әঘࠁӝ Әঘࠁӝ
ࠁా য۰ য۰ ࠁా ए ࠁా য۰ ৽ࣚ ए ए
নࣚ য়ܲࣚ
ఠ  ਘәా  · · · ٘  ࣁ߅झ
Әঘࠁӝ Әঘࠁӝ पઁ ҳઑ৬ 100% زੌೞ ঋणפ.
ఠ  ਘәా  · · · ٘  ࣁ߅झ
Әঘࠁӝ Әঘࠁӝ 123,456,789ਗ पઁ ҳઑ৬ 100% زੌೞ ঋणפ.
ఠ  ਘәా  · · · ٘  ࣁ߅झ
Әঘࠁӝ Әঘࠁӝ पઁ ҳઑ৬ 100% زੌೞ ঋणפ. 123,456,789ਗ
ਘәా  · · ·  ࣁ߅झ Әঘࠁӝ Әঘࠁӝ 123,4
٘ ਘәా  · · ·  ࣁ߅झ Әঘࠁӝ Әঘࠁӝ 123,456,789ਗ ٘ ѐࢶ ߡ
TIP. ఠ  ഛࠁ 1. Padding ࢎਊ 2. TouchDelegate/HitRect ઑ
(ৈ۞࠙ दрਸ ࡐਸ ࣻ ) 3. ఠ  ഛਸ SPEC-OUT 4. ӝఋ ଵҊ ܐ > [] ߡౡ ܼ ఠ  ழझథ ೧ࠁӝ > TouchDelegate/HitRect ~ ઁೠػ ߧਤ۽ ఠ ߮ ٜ݅ӝ
Case 5. ߈ࠂ ੌ ࢤࢿ ۞Ӓੋ ઁ Incheon/Songdo
• ۽ં ӏݽച + ழझథ • Android Studio ѐߊ ҕా
ೠ҅ • ߈ࠂ স + ӝࠄ ҳࢿ ജ҃ ۞Ӓੋ ਃࢿ
IDE৬ ҙ۲ػ ӝৈೠ ӝמٜ • Plugin • Feature Module ࢤࢿ
• Sample Feature Module ࢤࢿ • Activity/Fragment ࢤࢿ • Custom Live Templates • Custom File Templates • Custom Lint ୭Ӕ ୶о
Demo
Single App Module data/domain ਬޖ Module
UI Domain Data Layered Architecture ҅க ױਤ ݽٕ
Features Module  ೖ ݽٕ۽ ܻ࠙ UI Domain Data
Common Features Module ೖٜب ҕా ઓ UI Feature UI Common
Domain Data
UI Feature UI Common Domain Data Sample Sample apps Development
ਃೠ ӝמ݅ਵ۽ ҳࢿػ ࢠ জ
UI Feature UI Common Domain Data Sample ࠽٘ दр ଵઑೞח
Moduleࣻী ೱ - Gradle Task Sample apps Development ਃೠ ӝמ݅ਵ۽ ҳࢿػ ࢠ জ
UI Feature UI Common Domain Data Sample ۽ં݃ ҳࢿ ۽ં
by ۽ં
UI Feature UI Common Data Sample ۽ં݃ ҳࢿ ۽ં by
۽ં
Module݃ ਃೠ ର UI Feature UI Common Domain Data Sample
App Android Application Android Library Core Java/Kotlin Library or Android Library Android Application ѐߊदী ݆ স + ߈ࠂ ୭ୡ ӝࠄ ࢤࢿ
߈ࠂਸ ۞Ӓੋਵ۽  UI Feature UI Common Domain Data Sample
App Android Application Android Library Core Java/Kotlin Library or Android Library Android Application - Application - Library - Sample Module - ӝࠄ(మ݁) ٘ UI
• ࣻ ੌਸ ٜ݅ ࣻ ਵ۽ ಞܻ • դبח য۰
ಞ • ଵҊೡ ܐ ࠗ • ASী ҙ۲ؼࣻ۾, সؘ द ࣻ ߓನ ਃ • рױೠ ӝמٜ File Template, Live Template ӂ TIP. ۞Ӓੋ ઁ?!
؊ ࣁೠ ղਊ - AS ࢸ - ۞Ӓੋ ઁ Re:Android
Studio ࢸ ಝࠁӝ ߂ ࢤࢿ ৢܻӝ https://speakerdeck.com/pluu/re-android-studio-seoljeong-salpyeobogi-mic-saengsanseong-olrigi
хࢎפ!! Pluu KakaoBank Android App Developer GDE for Android