Search

3์ฃผ์ฐจ

ย ํ”ผ๊ทธ๋งˆ ํ™œ์šฉ๋„ ๋†’์ด๊ธฐ

: ๋ชจ๋‘ ๋””์ž์ธ์˜ ์ผ๊ด€์„ฑ๊ณผ ์‰ฌ์šด ์‚ฌ์šฉ์„ฑ์„ ์œ„ํ•œ ๊ธฐ๋Šฅ์˜ ๋ชจ์Œ
๊ธฐ๋Šฅ
์„ค๋ช…
ํ™œ์šฉ๋ฒ•
Component
๊ตฌ์„ฑ์š”์†Œ
ํ™”๋ฉด์˜ ๊ตฌ์„ฑ์š”์†Œ๋ฅผ ์ผ๊ด€๋˜๊ฒŒ ์„ค์ •
Auto layout
์ž๋™ ๋ ˆ์ด์•„์›ƒ ์„ค์ •
๊ฐ„๊ฒฉ์„ ๋งค๋ฒˆ ์ง€์ •ํ•˜์ง€ ์•Š๊ณ  ์ž๋™์œผ๋กœ ํ™•์žฅ ๊ฐ€๋Šฅ
Variant
์ƒํƒœ ๋ณ€ํ˜•
๋™์ผํ•œ ๋ชจ์–‘์˜ ์ปดํฌ๋„ŒํŠธ์˜ ์ƒํƒœ๋ณ€ํ™”๋ฅผ ์ค˜์•ผ ํ•  ๋•Œ ์‚ฌ์šฉ
Instance
-
์ปดํฌ๋„ŒํŠธ๋ฅผ ๋‹ค์‹œ ๊ธฐ๋ณธ์œผ๋กœ ๋Œ์•„๊ฐˆ๋•Œ ์‚ฌ์šฉ
Figma ์‹ค์Šต
์‹œ์ž‘-!
ย ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ
์ƒ๋‹จ ๋ฉ”๋‰ด๋ฐ”
ย ์˜คํ†  ๋ ˆ์ด์•„์›ƒ์œผ๋กœ ๊ฐ„๊ฒฉ ๋ณต์‚ฌํ•˜๊ธฐ
์˜ค๋ฅธ์ชฝ ๋งˆ์šฐ์Šค ๋ฉ”๋‰ด๋ฐ”
ย ๋ฒ ๋ฆฌ์–ธํŠธ๋กœ ๋™์ผ ์ปดํฌ๋„ŒํŠธ์˜ ์ƒํƒœ๊ฐ’(on/off) ๋ฐ”๊พธ๊ธฐ
์šฐ์ธก ๋ฉ”๋‰ด๋ฐ”
์šฐ์ธก ๋ฉ”๋‰ด๋ฐ”
์šฐ์ธก ๋ฉ”๋‰ด๋ฐ”
ย instance
์˜ค๋ฅธ์ชฝ ๋งˆ์šฐ์Šค ๋ฉ”๋‰ด๋ฐ”
๊ณผ์ œ-!
5๊ฐ€์ง€๋ฅผ Component / Varient / Instance ๊ธฐ๋Šฅ ํ™œ์šฉํ•ด์„œ ๋งŒ๋“ค์–ด๋ณด๊ธฐ-!!