Design System

๋น„์ฃผ์–ผ ์•„์ด๋ดํ‹ฐํ‹ฐ
& ์•„ํ‚คํ…์ฒ˜

ํ‚จ๋„ํ”„๋Š” ๋‹จ์ˆœํ•œ ํŒจ์…˜ ๋ ˆ์ด๋ธ”์ด ์•„๋‹™๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ์—ฌ์„ฑ๋ณต ์—”์ง€๋‹ˆ์–ด๋ง ํ•˜์šฐ์Šค์ž…๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” ์†Œํ”„ํŠธ์›จ์–ด ์•„ํ‚คํ…์ฒ˜์™€ ๊ธฐ๊ณ„ ๊ณตํ•™์˜ ์—„๊ฒฉํ•จ์„ ์˜๋ฅ˜์˜ ๋“œ๋ ˆ์ดํ”„, ๊ตฌ์กฐ, ์ˆ˜๋ช… ์ฃผ๊ธฐ์— ์ ์šฉํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ์˜ ๋น„์ฃผ์–ผ ์•„์ด๋ดํ‹ฐํ‹ฐ๋Š” ์ด๋Ÿฌํ•œ ์ด์ค‘์„ฑ์„ ๋ฐ˜์˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ •๋ฐ€ํ•˜๋ฉด์„œ๋„ ์šฐ์•„ํ•˜๊ณ , ์ฒด๊ณ„์ ์ด๋ฉด์„œ๋„ ๊นŠ์ด ์ธ๊ฐ„์ ์ž…๋‹ˆ๋‹ค.

๋ชจ๋“  ์—์…‹, ์ƒ‰์ƒ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ์„ ํƒ์€ ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ๋Œ€๊ทœ๋ชจ ๋””์ž์ธ ์‹œ์Šคํ…œ์˜ ์˜๋„์ ์ธ ๊ตฌ์„ฑ ์š”์†Œ์ž…๋‹ˆ๋‹ค. ๋ธŒ๋žœ๋“œ๋Š” ์†Œ๋ฆฌ์น˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์„ธ์‹ฌํ•œ ์‹คํ–‰์„ ํ†ตํ•ด ์กฐ์šฉํ•œ ์ž์‹ ๊ฐ์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

03. ์ตœ์†Œ ์—ฌ๋ฐฑ ๋ฐ ํฌ๊ธฐ

์ตœ์†Œ ์—ฌ๋ฐฑ (Clear Space)

๊ฐ€๋…์„ฑ๊ณผ ์ž„ํŒฉํŠธ๋ฅผ ๋ณด์žฅํ•˜๊ธฐ ์œ„ํ•ด ๋กœ๊ณ  ์ฃผ๋ณ€์—๋Š” ํ•ญ์ƒ ์ตœ์†Œํ•œ์˜ ์—ฌ๋ฐฑ์ด ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด ์—ฌ๋ฐฑ์€ ์›Œ๋“œ๋งˆํฌ์˜ ์†Œ๋ฌธ์ž "k" ๋†’์ด๋กœ ์ •์˜๋ฉ๋‹ˆ๋‹ค.

Clear Space
k
k
k
k

์ตœ์†Œ ํฌ๊ธฐ (Minimum Size)

ํ•ด์ƒ๋„์™€ ๊ฐ€๋…์„ฑ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์›Œ๋“œ๋งˆํฌ๋Š” ์ธ์‡„ ๋ฐ ๋””์ง€ํ„ธ ๋งค์ฒด์—์„œ ์•„๋ž˜ ์ง€์ •๋œ ์น˜์ˆ˜๋ณด๋‹ค ์ž‘๊ฒŒ ํ‘œ์‹œ๋˜์–ด์„œ๋Š” ์•ˆ ๋ฉ๋‹ˆ๋‹ค.

Digital (Web/App)
Min Size80px
Print (High-Res)
Min Size25mm
Favicon / Micro
Min Size16px

04. ์˜ค์šฉ ์‚ฌ๋ก€

ํ‚จ๋„ํ”„ ๋กœ๊ณ ๋Š” ๋ธŒ๋žœ๋“œ ๋ฌด๊ฒฐ์„ฑ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ผ๊ด€๋˜๊ฒŒ ์‚ฌ์šฉ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋กœ๊ณ ๋ฅผ ์–ด๋– ํ•œ ๋ฐฉ์‹์œผ๋กœ๋“  ๋ณ€๊ฒฝ, ์™œ๊ณก ๋˜๋Š” ์ˆ˜์ •ํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค. ์•„๋ž˜๋Š” ์˜ค์šฉ ์‚ฌ๋ก€์ž…๋‹ˆ๋‹ค.

Incorrect Usage
๋น„์œจ์„ ์™œ๊ณกํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค

Incorrect Usage

Incorrect Usage
ํšŒ์ „ํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค

Incorrect Usage

Incorrect Usage
์ƒ‰์ƒ์„ ์ž„์˜๋กœ ๋ณ€๊ฒฝํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค

Incorrect Usage

Incorrect Usage
๊ทธ๋ฆผ์ž ํšจ๊ณผ๋ฅผ ์ฃผ์ง€ ๋งˆ์‹ญ์‹œ์˜ค

Incorrect Usage

Incorrect Usage
ํˆฌ๋ช…๋„๋ฅผ ๋ณ€๊ฒฝํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค

Incorrect Usage

Incorrect Usage
ํ๋ฆฌ๊ฒŒ ํ•˜๊ฑฐ๋‚˜ ๊ฐ€๋ฆฌ์ง€ ๋งˆ์‹ญ์‹œ์˜ค

Incorrect Usage

05. ์ปฌ๋Ÿฌ ์•„ํ‚คํ…์ฒ˜

์šฐ๋ฆฌ์˜ ์ปฌ๋Ÿฌ ์‹œ์Šคํ…œ์€ CSS ์•„ํ‚คํ…์ฒ˜์— ์ง์ ‘ ๋งคํ•‘๋ฉ๋‹ˆ๋‹ค. ์˜ต์‹œ๋””์–ธ๊ณผ ๋กœ์šฐ ์‹คํฌ ์‚ฌ์ด์˜ ๊ทน๋ช…ํ•œ ๋Œ€๋น„์— ์˜์กดํ•˜์—ฌ ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“ค๊ณ , ์‹œ๋งจํ‹ฑ ์ปฌ๋Ÿฌ๋Š” ๊ธฐ๋Šฅ์  ํ”ผ๋“œ๋ฐฑ์„ ์œ„ํ•ด์„œ๋งŒ ์—„๊ฒฉํ•˜๊ฒŒ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

ํŒŒ์šด๋ฐ์ด์…˜ ํŒ”๋ ˆํŠธ

Obsidian

--color-bg-primary

์ฃผ ๋ฐฐ๊ฒฝ / ๊ธฐ๋ณธ ๊ตฌ์กฐ

HEX

#0c080a

RGB

12, 8, 10

Raw Silk

--color-text-primary

์ฃผ์š” ํ…์ŠคํŠธ / ๋ฐ์€ ๋ฐฐ๊ฒฝ

HEX

#f4ece6

RGB

244, 236, 230

Rose Dust

--color-accent

๋ธŒ๋žœ๋“œ ๊ฐ•์กฐ / ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์š”์†Œ

HEX

#cda49f

RGB

205, 164, 159

๊ตฌ์กฐ์  ํŒ”๋ ˆํŠธ

Carbon Thread

--color-surface

์ƒ์œ„ ํ‘œ๋ฉด / ์นด๋“œ / ๋ชจ๋‹ฌ ๋ฐฐ๊ฒฝ

HEX

#1a1618

RGB

26, 22, 24

Pattern Paper

--color-text-secondary

๋ณด์กฐ ํ…์ŠคํŠธ / ์ฐจ๋ถ„ํ•œ ๋ฐฐ๊ฒฝ

HEX

#e6ddd7

RGB

230, 221, 215

Steel Pin

--color-border

ํ…Œ๋‘๋ฆฌ / ๊ตฌ๋ถ„์„  / ๋น„ํ™œ์„ฑ ์ƒํƒœ

HEX

#4a4548

RGB

74, 69, 72

์‹œ๋งจํ‹ฑ ๋ฐ ํ”ผ๋“œ๋ฐฑ ํŒ”๋ ˆํŠธ

Cochineal

--color-error

์‚ญ์ œ ์•ก์…˜ / ์˜ค๋ฅ˜ (์ฝ”์น˜๋‹ ๋ ˆ๋“œ)

HEX#8b2635
RGB139, 38, 53

Verdigris

--color-success

๊ฒ€์ฆ ์™„๋ฃŒ / ์„ฑ๊ณต (์‚ฐํ™”๋™ ๊ทธ๋ฆฐ)

HEX#455a4b
RGB69, 90, 75

Brass

--color-warning

๊ฒฝ๊ณ  / ๋Œ€๊ธฐ ์ƒํƒœ

HEX#b59a6d
RGB181, 154, 109

06. ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ

์šฐ๋ฆฌ์˜ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ์‹œ์Šคํ…œ์€ ๋ฌธํ™”์ , ์‹œ๊ฐ์  ๋ฌด๊ฒฐ์„ฑ์„ ๋ณด์žฅํ•˜๊ธฐ ์œ„ํ•ด ์–ธ์–ด๋ณ„๋กœ ์—„๊ฒฉํ•˜๊ฒŒ ๋ถ„๋ฆฌ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์–ธ์–ด๋ฅผ ์„ ํƒํ•˜์—ฌ ํ•ด๋‹น ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ๊ฐ€์ด๋“œ๋ฅผ ํ™•์ธํ•˜์„ธ์š”.

Noto Serif KR

Primary / Display / Headings

Weights: Light (300), Regular (400)

์˜คํŠธ ์ฟ ํŠ€๋ฅด์™€
๋”ฅํ…Œํฌ์˜ ๊ต์ฐจ์ .

์šฐ์•„ํ•จ์ด๋ž€ ๋ˆˆ์— ๋„๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ๊ธฐ์–ต์— ๋‚จ๋Š” ๊ฒƒ์ด๋‹ค.

Pretendard

Secondary / Body / UI

Weights: Light (300), Regular (400), Medium (500)

๊ธด ๊ธ€ ์ฝ๊ธฐ, ๋‹จ๋ฝ ๋ฐ ๊ธฐ๋Šฅ์  UI ์š”์†Œ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ํ‘œํ˜„๋ ฅ์ด ํ’๋ถ€ํ•œ ์„ธ๋ฆฌํ”„์ฒด์™€ ๋Œ€๋น„๋˜์–ด ๋ช…ํ™•์„ฑ๊ณผ ํ˜„๋Œ€์ ์ธ ์ค‘๋ฆฝ์„ฑ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

ํ‚จ๋„ํ”„๋Š” ๊ตฌ์กฐ์  ์ •๋ฐ€ํ•จ๊ณผ ์†Œ์žฌ์˜ ํ˜์‹ ์„ ํ†ตํ•ด ์—ฌ์„ฑ๋ณต์„ ์žฌ์ •์˜ํ•˜๋Š” ์—”์ง€๋‹ˆ์–ด๋ง ํ•˜์šฐ์Šค์ž…๋‹ˆ๋‹ค.

JetBrains Mono

Numerals / Data / Code

Weights: Light (300), Regular (400)

๋ธŒ๋žœ๋“œ์˜ ์—”์ง€๋‹ˆ์–ด๋ง ์ธก๋ฉด์„ ๊ฐ•์กฐํ•˜๊ธฐ ์œ„ํ•ด ๊ธฐ์ˆ  ๋ฐ์ดํ„ฐ, ์น˜์ˆ˜ ๋ฐ ์ •๋ฐ€ํ•œ ์ˆ˜์น˜ ์ •๋ณด์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

0 1 2 3 4 5 6 7 8 9 & @ # % * ! ?

๋งˆ์ดํฌ๋กœ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ๋ฐ ์Šค์ผ€์ผ

Display 1

Size: 72px (4.5rem)Line: 1.1Track: -0.02em
ํ•œ๊ตญ์–ด (Korean)

Display 2

Size: 48px (3rem)Line: 1.1Track: -0.01em
์šฐ์•„ํ•จ์ด๋ž€ ๋ˆˆ์— ๋„๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ๊ธฐ์–ต์— ๋‚จ๋Š” ๊ฒƒ์ด๋‹ค.

Heading 1

Size: 32px (2rem)Line: 1.2Track: 0em
์šฐ์•„ํ•จ์ด๋ž€ ๋ˆˆ์— ๋„๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ๊ธฐ์–ต์— ๋‚จ๋Š” ๊ฒƒ์ด๋‹ค.

Body Large

Size: 18px (1.125rem)Line: 1.6Track: +0.01em
ํ‚จ๋„ํ”„๋Š” ๊ตฌ์กฐ์  ์ •๋ฐ€ํ•จ๊ณผ ์†Œ์žฌ์˜ ํ˜์‹ ์„ ํ†ตํ•ด ์—ฌ์„ฑ๋ณต์„ ์žฌ์ •์˜ํ•˜๋Š” ์—”์ง€๋‹ˆ์–ด๋ง ํ•˜์šฐ์Šค์ž…๋‹ˆ๋‹ค.

Body Regular

Size: 16px (1rem)Line: 1.6Track: +0.01em
ํ‚จ๋„ํ”„๋Š” ๊ตฌ์กฐ์  ์ •๋ฐ€ํ•จ๊ณผ ์†Œ์žฌ์˜ ํ˜์‹ ์„ ํ†ตํ•ด ์—ฌ์„ฑ๋ณต์„ ์žฌ์ •์˜ํ•˜๋Š” ์—”์ง€๋‹ˆ์–ด๋ง ํ•˜์šฐ์Šค์ž…๋‹ˆ๋‹ค.

์‹œ๊ฐ์  ์—ฌ๋ฐฑ ์ •๋ ฌ

๋”ฐ์˜ดํ‘œ๋‚˜ ํ•˜์ดํ”ˆ ๊ฐ™์€ ๋ฌธ์žฅ ๋ถ€ํ˜ธ๋Š” ํ…์ŠคํŠธ ๋ธ”๋ก ๋ฐ”๊นฅ์œผ๋กœ ๋‚ด์–ด์“ฐ๊ธฐ(Hanging punctuation)ํ•˜์—ฌ ์™„๋ฒฝํ•œ ์ˆ˜์ง ์—ฌ๋ฐฑ์„ ์œ ์ง€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์–ธ์–ด๋ณ„ ํŠน์ˆ˜ ๊ทœ์น™

์•„๋ž์–ด๋Š” ๋ณต์žกํ•œ ์–ด์„ผ๋”๋ฅผ ์ˆ˜์šฉํ•˜๊ธฐ ์œ„ํ•ด 15-20% ๋” ๋„“์€ ์ค„ ๊ฐ„๊ฒฉ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ํ•œ์ค‘์ผ(CJK) ํฐํŠธ๋Š” ๋ผํ‹ด ๋ฌธ์ž๋ณด๋‹ค ์•ฝ๊ฐ„ ๋” ๋„“์€ ์ž๊ฐ„์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

07. ํฐํŠธ ํ˜ผ์šฉ ๋ฒ•์น™

"ํ‚จ๋„ํ”„ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ๋ฐฉ์ •์‹"์€ ์˜คํŠธ ์ฟ ํŠ€๋ฅด(์„ธ๋ฆฌํ”„)์™€ ๋”ฅํ…Œํฌ(์‚ฐ์„ธ๋ฆฌํ”„)๋ผ๋Š” ์šฐ๋ฆฌ์˜ ์ด์ค‘์„ฑ์„ ์‹œ๊ฐ์ ์œผ๋กœ ํ‘œํ˜„ํ•˜๊ธฐ ์œ„ํ•ด ์„ธ๋ฆฌํ”„์™€ ์‚ฐ์„ธ๋ฆฌํ”„์˜ ์˜๋„์ ์ธ ํ˜ผ์šฉ์„ ์ ๊ทน ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋ฒ•์น™ 01: ์—๋””ํ† ๋ฆฌ์–ผ ํ˜ผ์šฉ (์ œ๋ชฉ)

๋””์Šคํ”Œ๋ ˆ์ด ๋ฐ ์ œ๋ชฉ(Heading)์—์„œ๋Š” ์‚ฐ์„ธ๋ฆฌํ”„(๋Œ€๋ฌธ์ž)์™€ ์„ธ๋ฆฌํ”„ ์ดํƒค๋ฆญ์„ ์ ๊ทน์ ์œผ๋กœ ํ˜ผ์šฉํ•˜์—ฌ ๊ฐ•๋ ฌํ•˜๊ณ  ๊ณ ๊ธ‰์Šค๋Ÿฌ์šด ์—๋””ํ† ๋ฆฌ์–ผ ๋ฃฉ์„ ์—ฐ์ถœํ•ฉ๋‹ˆ๋‹ค.

The Blueprint of Fashion

Correct (Display Mixing)

๋ฒ•์น™ 02: ๋ณธ๋ฌธ ํ…์ŠคํŠธ์˜ ๊ฐ•์กฐ

๋ณธ๋ฌธ(Body) ํ…์ŠคํŠธ๋Š” ๊ฐ€๋…์„ฑ์„ ์œ„ํ•ด ์‚ฐ์„ธ๋ฆฌํ”„๋ฅผ ๊ธฐ๋ณธ์œผ๋กœ ํ•˜์ง€๋งŒ, ๋‹จ๋ฝ ๋‚ด์—์„œ ํ•ต์‹ฌ ์šฉ์–ด๋‚˜ ๊ฐœ๋…์„ ๊ฐ•์กฐํ•  ๋•Œ๋Š” ์„ธ๋ฆฌํ”„ ์ดํƒค๋ฆญ(๋˜๋Š” ์˜ค๋ธ”๋ฆฌํฌ)๊ณผ ๋ธŒ๋žœ๋“œ ๊ฐ•์กฐ์ƒ‰์„ ํ˜ผ์šฉํ•ฉ๋‹ˆ๋‹ค.

Kyndof is an engineering house.

Correct (Body Emphasis)

๋ฒ•์น™ 03: ์œ ๋‹ˆ๋ฒ„์„ค ์˜ค๋ธ”๋ฆฌํฌ (์ดํƒค๋ฆญ์˜ ์žฌ์ •์˜)

์ „ํ†ต์ ์ธ CJK(ํ•œ์ค‘์ผ) ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ๋Š” ์ดํƒค๋ฆญ์„ ๊ธฐํ”ผํ•˜์ง€๋งŒ, ํ‚จ๋„ํ”„๋Š” ๋น„๋ผํ‹ด ๋ฌธ์ž์— ์ •๋ฐ€ํ•˜๊ฒŒ ๊ณ„์‚ฐ๋œ ๊ธฐ์šธ๊ธฐ(Oblique)๋ฅผ ์˜๋„์ ์œผ๋กœ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์—”์ง€๋‹ˆ์–ด๋ง์  ์ ‘๊ทผ์€ ๋ชจ๋“  ๊ธ€๋กœ๋ฒŒ ์–ธ์–ด์—์„œ ํƒ€ํ˜‘ํ•˜์ง€ ์•Š๋Š” ํ†ต์ผ๋œ ์‹œ๊ฐ์  ์ •์ฒด์„ฑ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.

ํŒจ์…˜์˜ ๋ธ”๋ฃจํ”„๋ฆฐํŠธ.

Correct (Engineered Oblique)

08. ํ†ค ์•ค ๋งค๋„ˆ

์ •๋ฐ€ํ•˜๊ณ  ํ•™๊ตฌ์ ์ธ

์šฐ๋ฆฌ๋Š” ์—”์ง€๋‹ˆ์–ด์˜ ๊ถŒ์œ„์™€ ์ฟ ํŠ€๋ฆฌ์—์˜ ์„ธ๋ จ๋จ์œผ๋กœ ๋งํ•ฉ๋‹ˆ๋‹ค. ๊ณผ์žฅ, ๋งˆ์ผ€ํŒ… ์ˆ˜์‚ฌ, ์ง€๋‚˜์น˜๊ฒŒ ๊ฐ์ •์ ์ธ ์–ธ์–ด๋Š” ํ”ผํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์‹ค, ๋ฐฉ๋ฒ•๋ก , ๊ฒฐ๊ณผ๋ฅผ ๋ช…ํ™•ํ•˜๊ฒŒ ์„œ์ˆ ํ•ฉ๋‹ˆ๋‹ค.

Do

"๊ตฌ์กฐ์  ์ˆ˜๋ช…์„ ์œ„ํ•ด ์—”์ง€๋‹ˆ์–ด๋ง ๋˜์—ˆ์Šต๋‹ˆ๋‹ค."

ํƒ€ํ˜‘ํ•˜์ง€ ์•Š๋Š”

์šฐ๋ฆฌ์˜ ์–ด์กฐ๋Š” ์šฐ๋ฆฌ์˜ ๊ธฐ์ค€์„ ๋ฐ˜์˜ํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๋ณต์žก์„ฑ์— ๋Œ€ํ•ด ์‚ฌ๊ณผํ•˜์ง€ ์•Š๊ณ , ๊ทธ๊ฒƒ์„ ์กฐ๋ช…ํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ์ฒญ์ค‘์˜ ์ง€์„ฑ์„ ์กด์ค‘ํ•˜๋ฉฐ ์กฐ์šฉํ•˜๊ณ  ์ ˆ๋Œ€์ ์ธ ์ž์‹ ๊ฐ์œผ๋กœ ํ˜์‹ ์„ ์ œ์‹œํ•ฉ๋‹ˆ๋‹ค.

Don\'t

"๋‹น์‹ ์ด ์ž…์–ด๋ณผ ๊ฐ€์žฅ ์•„๋ฆ„๋‹ค์šด ๋“œ๋ ˆ์Šค!"