Skip to content

๐Ÿ“„ ๋„ค์ด๋ฐ ์ปจ๋ฒค์…˜

Seonghyeon Yang edited this page Nov 16, 2022 · 6 revisions

๋ทฐ ID ๋„ค์ด๋ฐ

<TextView
	android:id="@+id/textView_productDetail_productName"
... />
  • ๊ธฐ๋ณธ ํ˜•์‹:ย [what]\_[where]\_[des]
    • ์ปดํฌ๋„ŒํŠธ ์ด๋ฆ„์„ ๊ทธ๋Œ€๋กœ ์ ๋Š”๋‹ค.
    • ์„น์…˜์€ ์–ธ๋”๋ฐ”๋กœ ๊ตฌ๋ถ„ํ•œ๋‹ค.
    • ๊ฐ ์ ˆ์—์„œ ๋‘ ๋‹จ์–ด ์ด์ƒ์ด ํ˜ผ์šฉ๋  ๋•Œ๋Š” camel case๋กœ ์ž‘์„ฑํ•œ๋‹ค.

๋ฆฌ์‚ฌ์ดํด๋Ÿฌ ๋ทฐ ๊ด€๋ จ ๋„ค์ด๋ฐ

data class ProductItem()
<variable
	name="productItem"
	type="com.boostcamp.sample.ui.ProductItem" />
  • UI layer์—์„œ ๋ฆฌ์‚ฌ์ดํด๋Ÿฌ ๋ทฐ ์•„์ดํ…œ์˜ ๋ฐ์ดํ„ฐ ํด๋ž˜์Šค๋Š”ย XxxItem, xml์˜ ๋ฐ”์ธ๋”ฉ ๋ณ€์ˆ˜๋Š”ย xxxItemย ์‚ฌ์šฉํ•œ๋‹ค.

์•„ํ‚คํ…์ณ ๋ชจ๋ธ ๋„ค์ด๋ฐ

  • Standard : <TYPE>
  • Network : <TYPE>(Request/Response)Body
  • Database(Local) : <TYPE>Entity
  • UI : <TYPE>UiState

Drawable

  • <WHAT>(_<WHERE>)_<DESCRIPTION>(_<SIZE>)
  • ์ด๋ฏธ์ง€๊ฐ€ ์—ฌ๋Ÿฌ๊ตฐ๋ฐ์—์„œ ํ™œ์šฉ๋  ๊ฒฝ์šฐ,ย <WHERE>๋Š” ์ƒ๋žต ๊ฐ€๋Šฅํ•˜๋‹ค.
  • ์ด๋ฏธ์ง€์˜ ํฌ๊ธฐ๊ฐ€ 1๊ฐœ๋ฐ–์— ์—†๋Š” ๊ฒฝ์šฐ,ย <SIZE>๋Š” ์ƒ๋žต ๊ฐ€๋Šฅํ•˜๋‹ค.

What

Selector

  • ๋ฐฐ๊ฒฝ์ด๋‚˜ ๋ฒ„ํŠผ์—์„œ View์˜ ์ƒํƒœ์— ๋”ฐ๋ผ์„œ drawable์ด ๋ณ€ํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ์— ๋Œ€ํ•œ ์ด๋ฆ„์€ ์•„๋ž˜์™€ ๊ฐ™๋‹ค.

Background

  • ๋ฐฐ๊ฒฝ์ƒ‰์ด pressed์ƒํƒœ์— ๋”ฐ๋ผ์„œ white -> sky_blue๋กœ ๋ณ€ํ•˜๋Š” ๊ฒฝ์šฐ๋Š”ย bg_white_to_sky_blue.xml๋กœ ํ•œ๋‹ค.
  • ๋ฐฐ๊ฒฝ์ด white์ƒ‰์˜ 24dp๋กœ ํ…Œ๋‘๋ฆฌ๋ฅผ ๊ทธ๋ฆฌ๋Š” ๊ฒฝ์šฐ๋Š”ย bg_white_radius_24dp.xml๋กœ ํ•œ๋‹ค.
  • ๋ฐฐ๊ฒฝ์ด ํˆฌ๋ช…ํ•˜๋ฉฐ ๋ฐฐ๊ฒฝ์˜ ์„ ๋งŒ์„ sky_blue์ƒ‰์˜ 8dp๋กœ ํ…Œ๋‘๋ฆฌ๋ฅผ ๊ทธ๋ฆฌ๋Š” ๊ฒฝ์šฐ๋Š”ย bg_stroke_sky_blue_radius_8dp.xml๋กœ ํ•œ๋‹ค.

์˜ˆ์‹œ

  • btn_call_normal.png: ์ „ํ™”๊ฑธ๊ธฐ ๋ฒ„ํŠผ ์ด๋ฏธ์ง€
  • btn_call_pressed.png: ์ „ํ™”๊ฑธ๊ธฐ ๋ฒ„ํŠผ ๋ˆŒ๋ ธ์„๋•Œ์˜ ์ด๋ฏธ์ง€
  • btn_call.xml: ์ „ํ™”๊ฑธ๊ธฐ ๋ฒ„ํŠผ ์ด๋ฏธ์ง€์˜ selector xml
  • ic_dealer_gift.png: ๋”œ๋Ÿฌ๊ฐ€ ๋ณด๋‚ด์ค€ ๊ธฐํ”„ํ‹ฐ์ฝ˜์„ ๋ณด์—ฌ์ค„๋•Œ ํ‘œ์‹œ๋˜๋Š” ์ด๋ฏธ์ง€
  • img_splash_chart.png: ์Šคํ”Œ๋ž˜์‹œ ํ™”๋ฉด์—์„œ ๋ณด์—ฌ์ง€๋Š” ์ฐจํŠธ ์ด๋ฏธ์ง€

๋ ˆ์ด์•„์›ƒ prefix

item_recent_product.xml
  • item_<what>: ๋ฆฌ์‚ฌ์ดํด๋Ÿฌ ๋ทฐ ์•„์ดํ…œ ๋ ˆ์ด์•„์›ƒ์— ์‚ฌ์šฉ
  • view_<what>: ์ปค์Šคํ…€ ๋ทฐ ๋ ˆ์ด์•„์›ƒ์— ์‚ฌ์šฉ

๋ฆฌ์†Œ์Šค ๋„ค์ด๋ฐ

Color

<android
	...
	android:textColor="@color/light_gray" />
<!--color ๋ฆฌ์†Œ์Šค ์ •๋ฆฌ-->
<color name="light_gray">#E4E4E4</color>
<color name="gray">#8D8D8D</color>
<color name="gray_alpha_30">#30000000</color>

๐ŸŒฑ Project

๐Ÿ“ Dev Story

๐Ÿค Ground Rule

๐Ÿ“‘ Convention

โš™ Setting

๐Ÿ“† Daily Scrum

๐Ÿ’ก Weekly Review

๐Ÿ–ผ ๋ฐœํ‘œ ์ž๋ฃŒ

Clone this wiki locally