Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
우리모두 삽질한다
Search
pluulove (노현석)
December 10, 2023
Programming
0
1.3k
우리모두 삽질한다
"DEVFEST 23 Songdo"에서 발표한 "우리모두 삽질한다" 발표 자료입니다.
pluulove (노현석)
December 10, 2023
Tweet
Share
More Decks by pluulove (노현석)
See All by pluulove (노현석)
N.E.X.T LEVEL
pluu
2
260
안드로이드 기술 이력서의 최소 조건
pluu
1
1.9k
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
530
Android Studio와 좀 더 친해지기
pluu
0
120
Re:Android Studio 설정 살펴보기 및 생산성 올리기
pluu
0
1.5k
What's new in Android development tools
pluu
1
840
What's new in Android development tools
pluu
1
410
개발자 Side Next Step ~ 커뮤니티 x Android
pluu
2
250
Modern Android Developer ~ 안내서
pluu
1
3k
Other Decks in Programming
See All in Programming
我々のデザインシステムは Chakra v3 にアップデートします
shunya078
2
2.9k
CSC305 Lecture 25
javiergs
PRO
0
110
MoQとか勉強会#2 発表資料
yuki_uchida
2
540
layerx_20241129.pdf
kyoheig3
2
250
Develop iOS apps with Neovim / vimconf_2024
uhooi
1
310
事業成長を爆速で進めてきたプロダクトエンジニアたちの成功談・失敗談
nealle
3
1.3k
Missing parts when designing and implementing Android UI
ericksli
0
390
第5回日本眼科AI学会総会_AIコンテスト_3位解法
neilsaw
0
130
型のインスタンス化は非常に深く、無限である可能性があります。
kimitashoichi
0
130
PaaSとSaaSの境目で信頼性と開発速度を両立する 〜TROCCO®︎のこれまでとこれから〜
gtnao
6
7k
eBPF Deep Dive: Architecture and Safety Mechanisms
takehaya
12
1.2k
Creating a Free Video Ad Network on the Edge
mizoguchicoji
0
150
Featured
See All Featured
Writing Fast Ruby
sferik
627
61k
Thoughts on Productivity
jonyablonski
67
4.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Being A Developer After 40
akosma
87
590k
Code Reviewing Like a Champion
maltzj
520
39k
A Tale of Four Properties
chriscoyier
157
23k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
4 Signs Your Business is Dying
shpigford
181
21k
Designing for Performance
lara
604
68k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
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