์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

์‹ค๋ฌด์— ๋ฐ”๋กœ ์ ์šฉํ•˜๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ - 2๋ถ€. ํ…Œ์ŠคํŠธ ์‹ฌํ™”: ์‹œ๊ฐ์  ํšŒ๊ท€ใƒปE2E ํ…Œ์ŠคํŠธ

์ด ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์ „๋ฐ˜์ ์ธ ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ ์ข…๋ฅ˜๋ฅผ ํŒŒ์•…ํ•˜๊ณ , ์ƒํ™ฉ์— ๋งž๋Š” ์ ์ ˆํ•œ ํ…Œ์ŠคํŠธ ์„ ํƒ์„ ํ†ตํ•ด ์‹ ๋ขฐ๊ฐ ์žˆ๋Š” ํ…Œ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์›๋‹ˆ๋‹ค.

(4.9) ์ˆ˜๊ฐ•ํ‰ 27๊ฐœ

์ˆ˜๊ฐ•์ƒ 670๋ช…

๋‚œ์ด๋„ ์ดˆ๊ธ‰

์ˆ˜๊ฐ•๊ธฐํ•œ ๋ฌด์ œํ•œ

์›์Šค๋ชจ๋ฐ”์ผ
๋ฐฐ๋‹ฌ์˜๋ฏผ์กฑ
๋ผ์ธ
์‚ฌ๋žŒ์ธ
ํฌ๋ชฝ

ํฌ๋ชฝ

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

์›์Šค๋ชจ๋ฐ”์ผ
๋ฐฐ๋‹ฌ์˜๋ฏผ์กฑ
๋ผ์ธ
์‚ฌ๋žŒ์ธ
ํฌ๋ชฝ

ํฌ๋ชฝ

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

๋จผ์ € ๊ฒฝํ—˜ํ•œ ์ˆ˜๊ฐ•์ƒ๋“ค์˜ ํ›„๊ธฐ

4.9

5.0

sw2

22% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

ํ•ญ์ƒ ํ…Œ์ŠคํŠธ์— ๋Œ€ํ•ด ๊ถ๊ธˆ์ฆ์ด ๋งŽ์•˜๋˜ ์‹ ์ž… ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. 1๋ถ€์— ์ด์–ด์„œ ๋“ค์—ˆ๋Š”๋ฐ์š” ํ™•์‹คํžˆ 2๋ถ€๊นŒ์ง€ ๋“ค์œผ๋‹ˆ๊น ํ”„๋กœ์ ํŠธ ์ƒํ™ฉ์— ๋งž๋Š” ํ”„๋ก ํŠธ ํ…Œ์ŠคํŠธ๋ฅผ ์กฐํ•ฉํ•ด ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์–ด์„œ ๋ง‰์—ฐํ–ˆ๋˜ ํ…Œ์ŠคํŠธ ์ž‘์„ฑ์— ์ž์‹ ๊ฐ์ด ์ƒ๊ฒผ์Šต๋‹ˆ๋‹คใ…Žใ…Ž์ด์ œ ์‹ค๋ฌด์— ์ ์šฉํ•ด๋ด์•ผ๊ฒ ๋„ค์š”

5.0

์กฐ๋‚ด์ผ

100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

1๋ถ€๋ฅผ ์™„๊ฐ•ํ•œ ๋’ค ์žŠ๊ณ  ์ง€๋‚ด๋‹ค๊ฐ€, 2๋…„ ๋งŒ์— ๋‹ค์‹œ 2๋ถ€๊นŒ์ง€ ์™„๊ฐ•ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ…Œ์ŠคํŠธ ๋ฐฉ๋ฒ•์—๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€๊ฐ€ ์žˆ์ง€๋งŒ, ํ”„๋ก ํŠธ์—”๋“œ ์‹ค๋ฌด์—์„œ๋Š” ์ด๋ฅผ ์–ด๋–ค ์‹์œผ๋กœ ํ™œ์šฉํ•ด์•ผ ํ• ์ง€ ๋Š˜ ๊ถ๊ธˆํ–ˆ๋Š”๋ฐ ์ด๋ฒˆ ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ ์–ด๋–ค ์‹์œผ๋กœ ๋„์ž…ํ•ด๋ณผ ์ˆ˜ ์žˆ์„์ง€์— ๋Œ€ํ•œ ์ธ์‚ฌ์ดํŠธ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

5.0

dahm

100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

๋„ˆ๋ฌด ์žฌ๋ฐŒ์—ˆ์–ด์š”. ์„œ๋น„์Šค ํ”„๋กœ์ ํŠธ์— ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ๋ฐ”๋กœ ์ ์šฉํ•˜๋Š” ๊ฒƒ์€ ํŒ€์˜ ํ˜‘์˜๊ฐ€ ์ข€ ๋” ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™์•„์„œ ๋””์ž์ธ์‹œ์Šคํ…œ ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ถ€ํ„ฐ ์–ผ๋ฅธ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ ์š”. ์žฌ๋ฐŒ๋Š” ๊ฐ•์˜ ๋‚ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~!

์ˆ˜๊ฐ• ํ›„ ์ด๋Ÿฐ๊ฑธ ์–ป์„ ์ˆ˜ ์žˆ์–ด์š”

  • ํ…Œ์ŠคํŠธ ์ž‘์„ฑ์— ํ•„์š”ํ•œ ์ค‘์š” ๊ฐœ๋…

  • ๋‚ด๊ฐ€ ์ž‘์„ฑํ•œ ์ฝ”๋“œ์˜ ์‹ ๋ขฐ๋ฅผ ์˜ฌ๋ฆด ์ˆ˜ ์žˆ๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ ์ž‘์„ฑ๋ฒ•

  • vitest๋ฅผ ํ™œ์šฉํ•œ ์Šค๋ƒ…์ƒท ํ…Œ์ŠคํŠธ ์ž‘์„ฑ๋ฒ•

  • Storybook๊ณผ Chromatic์„ ํ™œ์šฉํ•œ ์‹œ๊ฐ์  ํšŒ๊ท€ ํ…Œ์ŠคํŠธ ์ž‘์„ฑ๋ฒ•

  • Cypress๋ฅผ ํ™œ์šฉํ•œ E2E ํ…Œ์ŠคํŠธ ์ž‘์„ฑ๋ฒ•

๐ŸŽŠ์ด๋ฒคํŠธ ๐ŸŽŠ

1๋ถ€ ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜์…จ๋‹ค๋ฉด, 2๋ถ€ 50% ํ• ์ธ ์ฟ ํฐ ๋ฐ›์•„๊ฐ€์„ธ์š”!

1๋ถ€ ๊ฐ•์˜๋ฅผ ๋ชจ๋‘ ์ˆ˜๊ฐ•ํ•˜์‹  ๋ถ„๋“ค์—๊ฒŒ 2๋ถ€ ๊ฐ•์˜๋ฅผ 50% ํ• ์ธ๋œ ๊ฐ€๊ฒฉ์œผ๋กœ ๋” ์ €๋ ดํ•˜๊ฒŒ ๊ตฌ๋งคํ•  ์ˆ˜ ์žˆ๋Š” ์ฟ ํฐ์„ ๊ณต์œ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ ๊ธ€์— ์ ‘์†ํ•ด์„œ ๊ตฌ๋งค ์ „ ์ฟ ํฐ์„ ์‚ฌ์šฉํ•˜์„ธ์š”!
๐Ÿ“Œ๊ธ€ ๋งํฌ ๋งํฌ
โš  ์ด ๊ธ€์€ 1๋ถ€ ๊ตฌ๋งค์ž์—๊ฒŒ๋งŒ ๋ณด์ž…๋‹ˆ๋‹ค.


ํ•™์ƒยท์ทจ์ค€์ƒ๋ถ„๋“ค๊ป˜ ๊ฐ•์˜ ๊ธˆ์•ก์„ ์ง€์›ํ•ด ๋“œ๋ฆฝ๋‹ˆ๋‹ค ๐Ÿ’ช

์ˆ˜์ž…์ด ์—†๋Š” ํ•™์ƒ๋ถ„๋“ค์ด๋‚˜ ์ทจ์ค€์ƒ๋ถ„๋“ค์ด ๋œ ๋ถ€๋‹ด์Šค๋Ÿฌ์šฐ์‹œ๋„๋ก ํผ์„ ์ž…๋ ฅํ•ด ์ œ์ถœํ•ด์ฃผ์‹œ๋ฉด 50% ํ• ์ธ ์ฟ ํฐ์„ ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์‹ ์ฒญ ๋งํฌ๊ฐ€ ์—ด๋ ค์žˆ๋‹ค๋ฉด ์‹ ์ฒญ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์˜ ํ•™์Šต์„ ์‘์›ํ•ฉ๋‹ˆ๋‹ค. ํ™”์ดํŒ… ํ•˜์„ธ์š” ๐Ÿ”ฅ
๐Ÿ“Œ์‹ ์ฒญ ๋งํฌhttps://forms.gle/ohs7KywvSGXoJXGM7
โš FE ๊ณต๋ถ€๋ฅผ ์ด์ œ ์‹œ์ž‘ํ•˜์‹œ๋Š” ๋ถ„๋“ค์—๊ฒŒ๋Š” ์กฐ๊ธˆ ์–ด๋ ค์šด ์ฃผ์ œ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ ์ˆ˜ ์ง€์‹์„ ๊ผญ ํ™•์ธํ•˜๊ณ  ์ˆ˜๊ฐ•ํ•˜์„ธ์š”!

ํ˜„์—…์—์„œ ์ˆ˜๋…„๊ฐ„ ์—ฌ๋Ÿฌ ์„œ๋น„์Šค์—์„œ ํ…Œ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•œ ๋…ธํ•˜์šฐ๋กœ
ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ์˜ ๋ชจ๋“  ๊ฒƒ์„ ์•Œ๋ ค๋“œ๋ฆฝ๋‹ˆ๋‹ค!

์ด๋Ÿฐ ๊ณ ๋ฏผ์„
ํ•˜๊ณ  ๊ณ„์‹œ์ง„ ์•Š์œผ์‹ ๊ฐ€์š”? ๐Ÿค”

ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ๋Š”
๋ฌด์—‡์„ ๊ฒ€์ฆํ•˜๋Š”์ง€
๊ถ๊ธˆํ•ด์š” 

์†์œผ๋กœ ๊ธฐ๊ธฐ์—์„œ ์ง์ ‘ํ•˜๋Š”
ํ…Œ์ŠคํŠธ๋Š”
๋„ˆ๋ฌด ๋ฐ˜๋ณต์ ์ด๊ณ  ํž˜๋“ค์–ด์š”

์‹ค๋ฌด์—์„œ ์ž‘์„ฑํ•˜๋Š”
์ง„์งœ ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ๊ฐ€
๊ถ๊ธˆํ•ด์š”

๐Ÿค” ์•ฑ์„ ๋งŒ๋“œ๋Š” ๋ฐ ์–ด๋А์ •๋„ ์ต์ˆ™ํ•ด์กŒ์ง€๋งŒ, ์‹ค์ œ๋กœ ํ”„๋กœ๋•์…˜ ํ™˜๊ฒฝ์—์„œ ์ž˜ ์ž‘๋™ํ• ์ง€ ๋ถˆ์•ˆํ•˜์…จ๋‚˜์š”?
๐Ÿค” ํ…Œ์ŠคํŠธ๊ฐ€ ์ •๋ง ํ•„์š”ํ•˜๋‹ค๊ณ  ํ•˜์ง€๋งŒ ๋„ˆ๋ฌด ๋‹ค์–‘ํ•œ ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ๊ฐ€ ์žˆ์–ด ์‹œ์ž‘ํ•  ์—„๋‘๊ฐ€ ๋‚˜์ง€ ์•Š์•˜๋‚˜์š”?
๐Ÿค” ํŠน์ • ํ…Œ์ŠคํŠธ ํƒ€์ž…๋งŒ ๊ณ ์ง‘ํ•˜๋ฉด์„œ ๋” ๋งŽ์€ ๊ฒƒ์„ ๊ฒ€์ฆํ•˜๊ณ  ์ž๋™ํ™”ํ•˜๊ณ  ์‹ถ์œผ์…จ๋‚˜์š”?
๐Ÿค” ์–ด๋–ค ํ…Œ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•ด์•ผ ํ•˜๋Š”์ง€, ํ…Œ์ŠคํŠธ์˜ ๋ชฉ์ ์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜๊ณ  ์‹ถ์œผ์…จ๋‚˜์š”?

์ด๋Ÿฌํ•œ ๊ณ ๋ฏผ์„ ๊ฐ€์ง€๊ณ  ๊ณ„์‹ ๋‹ค๋ฉด, ์ž˜ ์ฐพ์•„ ์˜ค์…จ์Šต๋‹ˆ๋‹ค!
"์‹ค๋ฌด์— ๋ฐ”๋กœ ์ ์šฉํ•˜๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ"๋ฅผ ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค.

ํ˜„์—… ํ”„๋ŸฐํŠธ์—”๋“œ ์‹ค๋ฌด์ž๋“ค์ด
์ถ”์ฒœํ•œ ๊ทธ ๊ฐ•์˜ ๐Ÿ‘

โ€œํ…Œ์ŠคํŠธ ์ฝ”๋“œ์˜ ํ•„์š”์„ฑ๋ถ€ํ„ฐ, ๋‹ค์–‘ํ•œ ์ข…๋ฅ˜์˜ ํ…Œ์ŠคํŒ… ๊ฐœ๋…๊ณผ ํ™œ์šฉ ๋ฐฉ๋ฒ•์„ ๋ชจ๋‘ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ์•„์ง ํ…Œ์ŠคํŠธ๊ฐ€ ์ต์ˆ™์ง€ ์•Š์œผ์‹  ๋ถ„์€ ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ํ…Œ์ŠคํŒ…์˜ ๊ฐœ๋…์„ ํƒ„ํƒ„ํžˆ ์ตํž ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๊ธฐ์กด์— ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์…จ๋˜ ๋ถ„์€ ๊ฐ•์˜์˜ ์˜ˆ์ œ์™€ ์‹ค์Šต์œผ๋กœ ๋” ํšจ๊ณผ์ ์ด๊ณ  ์˜๋ฏธ ์žˆ๋Š” ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ตํ˜€ ์‹ค๋ฌด์— ์ ์šฉํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.โ€

- ์ปฌ๋ฆฌ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์œ ๊ฒฝ์ƒ

โ€œํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ๋•Œ๋ฉด ์Šค์Šค๋กœ ๋‚ฉ๋“์ด ํ•„์š”ํ•œ ์ˆœ๊ฐ„์ด ์žˆ์Šต๋‹ˆ๋‹ค. โ€˜ํ…Œ์ŠคํŠธ๋กœ ์ธํ•ด ๊ฐœ๋ฐœ ์ผ์ •์ด ๋ฐ€๋ฆฌ์ง„ ์•Š์„๊นŒ?โ€™ โ€˜์ด๊ฒƒ์„ ํ…Œ์ŠคํŠธํ•˜๋Š” ๊ฒŒ ๋งž์„๊นŒ?โ€™ โ€˜์ถ”ํ›„ ๋ณ€๊ฒฝ๋  ๋‚ด์šฉ์„ ํ…Œ์ŠคํŠธํ•ด์•ผ ํ• ๊นŒ?โ€™

์ด ๊ฐ•์˜๋Š” ๋‹จ์ˆœํ•œ ์‡ผํ•‘๋ชฐ ์‚ฌ์ดํŠธ๋ฅผ ์–ผ๋งˆ๋‚˜ ์ „๋žต์ ์œผ๋กœ ํ…Œ์ŠคํŠธํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ๋‹ค์–‘ํ•œ ๊ธฐ๋ฒ•์„ ๋“ค์–ด ๋ณด์—ฌ์ฃผ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์˜์ƒ์„ ๋‹ค ๋ณด๊ณ  ๋‚˜๋ฉด ์Šค์Šค๋กœ ๋‚ฉ๋“ ๊ฐ€๋Šฅํ•œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ž์‹ ๊ฐ ์žˆ๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์œผ๋กœ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋งŽ์€ ๋ถ„์ด ์ด ์˜์ƒ์„ ๋ณด์‹œ๊ณ  ํ…Œ์ŠคํŠธ์— ์ž์‹ ๊ฐ์„ ์–ป์œผ์…จ์œผ๋ฉด ํ•ฉ๋‹ˆ๋‹ค.โ€

- ๋ผ์ธํ”Œ๋Ÿฌ์Šค ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์ด์ƒ์ฒ 

โ€œ์™œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด์•ผ ํ•˜๋Š”์ง€๋ถ€ํ„ฐ ์–ด๋–ป๊ฒŒ ์ž‘์„ฑํ•ด์•ผ ํ•˜๋Š”์ง€๊นŒ์ง€ ์‹ค๋ฌด์—์„œ ์‚ฌ์šฉํ•  ๋ฒ•ํ•œ ์˜ˆ์ œ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ํ•ต์‹ฌ์„ ๋ˆŒ๋Ÿฌ ๋‹ด์€ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋Š” ์‹ ๋ขฐ๊ฐ ์žˆ๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์œ„ํ•ด์„œ ๊ผญ ํ•„์š”ํ•œ ๋ถ€๋ถ„์ด์ง€๋งŒ ๋ฌด์—‡์„ ์–ด๋–ป๊ฒŒ ํ…Œ์ŠคํŠธํ• ์ง€ ํ•ญ์ƒ ๊ณ ๋ฏผ์ด ๋งŽ์•˜๋˜ ๊ฒƒ ๊ฐ™์€๋ฐ์š”. ๊ทธ ๊ธฐ์ค€๊ณผ ๋ฐฉ๋ฒ•์„ ๊น”๋”ํ•˜๊ฒŒ ์ •๋ฆฌํ•˜๊ณ  ์„ค๋ช…ํ•ด ์ฃผ์–ด ๋„์›€์ด ๋งŽ์ด ๋์Šต๋‹ˆ๋‹ค.โ€

- ๋ผ์ธํ”Œ๋Ÿฌ์Šค ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๊น€์€๋นˆ

์ด ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ๋‹ค์–‘ํ•œ ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ์˜ ๋ชฉ์ ์„ ์ดํ•ดํ•˜๊ณ  ์™„์„ฑ๋„ ์žˆ๋Š” ํƒ„ํƒ„ํ•œ ์•ฑ์„ ์ œ์ž‘ํ•ด๋ณด์„ธ์š”. ๐Ÿ˜

๋‹ค์–‘ํ•œ ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ๋ฅผ
ํ•œ ๋ฒˆ์— ํ•™์Šตํ•˜๊ธฐ ๊ฐ€์žฅ ์ข‹์€ ๊ฐ•์˜ ๐Ÿš€

์ด ๊ฐ•์˜์—์„œ๋Š” 1๋ถ€ยท2๋ถ€์— ๊ฑธ์ณ ๋‹จ์œ„, ํ†ตํ•ฉ, ์Šค๋ƒ…์ƒท, ์‹œ๊ฐ์  ํšŒ๊ท€, E2E ํ…Œ์ŠคํŠธ๋ฅผ ์‹ค๋ฌด์™€ ์œ ์‚ฌํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ์‚ฌ์šฉํ•ด ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ์ตํ˜€๋ด…๋‹ˆ๋‹ค. ๊ฐ ํ…Œ์ŠคํŠธ์˜ ์žฅ์ ๊ณผ ํ•œ๊ณ„๋ฅผ ์ดํ•ดํ•˜๊ณ  ํ…Œ์ŠคํŠธ์˜ ๋ชฉ์ ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ดํ•ดํ•ด ๋‚˜๋งŒ์˜ ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋Š” ์—ญ๋Ÿ‰์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

๊ฐ•์˜ ํ•ต์‹ฌ Point!

์ค‘์š”ํ•œ ๊ฐœ๋…๋ถ€ํ„ฐ ์ฐจ๊ทผ ์ฐจ๊ทผ

ํ…Œ์ŠคํŠธ์˜ ํ•„์š”์„ฑ๊ณผ ๊ณตํ†ต์ ์œผ๋กœ ์•Œ์•„์•ผ ํ•˜๋Š” ํ…Œ์ŠคํŠธ ์ž‘์„ฑ ๊ทœ์น™๊ณผ ๊ฐœ๋…์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

์ฒ˜์Œ ์ ‘ํ•˜๋Š” ๊ฐœ๋…์ด ์žˆ๋”๋ผ๋„

๊ฐ ๋„๊ตฌ์™€ API๋ฅผ ์™œ ์‚ฌ์šฉํ•˜๋Š”์ง€ ๋ชฉ์ ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌํ•˜๋ฉฐ ๊ฐ ํ…Œ์ŠคํŠธ ํƒ€์ž…์˜ ์ •์˜์™€ ๋Œ€์ƒ์„ ์„ ์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ผผ๊ผผํžˆ ์‚ดํŽด๋ด…๋‹ˆ๋‹ค. 

์Šค์Šค๋กœ ํ•™์Šตํ•ด ๋‚˜๊ฐˆ ์ˆ˜ ์žˆ๋„๋ก

ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ…Œ์ŠคํŠธ๋ฅผ ์ง์ ‘ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ์˜ˆ์ œ์™€ ์ •๋‹ต์„ ํ•จ๊ป˜ ์ œ๊ณตํ•ด ํ•™์Šต์„ ๋•์Šต๋‹ˆ๋‹ค

์‹ค๋ฌด์™€ ์œ ์‚ฌํ•˜๊ฒŒ

์‹ค์ œ ์„œ๋ฒ„ ํ™˜๊ฒฝ๊ณผ ํ†ต์‹ ํ•˜๋Š” ์‡ผํ•‘๋ชฐ ์˜ˆ์ œ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ…Œ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•ด ๋ฌธ๋ฒ•๊ณผ ๋„๊ตฌ๋ฅผ ํ•™์Šตํ•ด ์‹ค๋ฌด์—์„œ๋„ ์‰ฝ๊ฒŒ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์˜ˆ์ œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

2๋ถ€๋Š” ์ด ์—ฌ์„ฏ๊ฐœ์˜ ์„น์…˜์œผ๋กœ
๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค ๐Ÿ“š

์„น์…˜ 1.
TDD์™€
ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ

๐Ÿ“Œ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ด€์ ์—์„œ ํ…Œ์ŠคํŠธ ์ฃผ๋„ ๊ฐœ๋ฐœ์— ๋Œ€ํ•ด ๋ฐฐ์›๋‹ˆ๋‹ค.
๐Ÿ“Œ 1๋ถ€์—์„œ ๋ฐฐ์šด ๋‹จ์œ„ยทํ†ตํ•ฉ ํ…Œ์ŠคํŠธ๋ฅผ TDD์™€ ํ•จ๊ป˜ ์ ์šฉํ•ด๋ด…๋‹ˆ๋‹ค.

์„น์…˜ 2.
์Šค๋ƒ…์ƒท ํ…Œ์ŠคํŠธ

๐Ÿ“Œ ์Šค๋ƒ…์ƒท ํ…Œ์ŠคํŠธ์— ๋Œ€ํ•ด ๋ฐฐ์›๋‹ˆ๋‹ค.
๐Ÿ“Œ vitest๋ฅผ ํ™œ์šฉํ•ด ์Šค๋ƒ…์ƒท ํ…Œ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋ฐฐ์›๋‹ˆ๋‹ค.
๐Ÿ“Œ ์Šค๋ƒ…์ƒท ํ…Œ์ŠคํŠธ๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋ฐฐ์›๋‹ˆ๋‹ค.
๐Ÿ“Œ ์Šค๋ƒ…์ƒท ํ…Œ์ŠคํŠธ์˜ ํ•œ๊ณ„์— ๋Œ€ํ•ด ํ•จ๊ป˜ ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

์„น์…˜ 3.
์Šคํ† ๋ฆฌ๋ถ๊ณผ ํฌ๋กœ๋งˆํ‹ฑ์„ ํ™œ์šฉํ•œ ์‹œ๊ฐ์  ํšŒ๊ท€ ํ…Œ์ŠคํŠธ

๐Ÿ“Œ UI ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ์Šคํ† ๋ฆฌ๋ถ ์ž‘์„ฑ๋ฒ•๊ณผ ์ž‘์„ฑ ๋Œ€์ƒ์— ๋Œ€ํ•ด ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.
๐Ÿ“Œ ์‹œ๊ฐ์  ํšŒ๊ท€ ํ…Œ์ŠคํŠธ์˜ ๊ฐœ๋…์„ ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.
๐Ÿ“Œ ํฌ๋กœ๋งˆํ‹ฑ(Chromatic)์„ ํ™œ์šฉํ•œ ์‹œ๊ฐ์  ํšŒ๊ท€ ํ…Œ์ŠคํŠธ ์ž‘์„ฑ๋ฒ•์— ๋Œ€ํ•ด ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.
๐Ÿ“Œ Github Actions์™€ ์—ฐ๋™ํ•ด ์‹œ๊ฐ์  ํšŒ๊ท€ ํ…Œ์ŠคํŠธ ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ํ•จ๊ป˜ ๋งŒ๋“ค์–ด๋ด…๋‹ˆ๋‹ค.
๐Ÿ“Œ ์‹œ๊ฐ์  ํšŒ๊ท€ ํ…Œ์ŠคํŠธ์˜ ํ•œ๊ณ„์— ๋Œ€ํ•ด ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

์„น์…˜ 4.
E2E ํ…Œ์ŠคํŠธ๋ž€?

๐Ÿ“Œ E2E ํ…Œ์ŠคํŠธ์˜ ๊ฐœ๋…๊ณผ ์ž‘์„ฑ์‹œ ์ค‘์š”ํ•˜๊ฒŒ ๊ณ ๋ คํ•ด์•ผ ํ•  ์ ์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค.
๐Ÿ“Œ Cypress๋ฅผ ์„ค์น˜ํ•˜๊ณ  ์ด๋ฅผ ํ™œ์šฉํ•ด E2E ํ…Œ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค.
๐Ÿ“Œ Cypress๋ฅผ ์ด๋ฃจ๋Š” ์ฟผ๋ฆฌ, ์ปค๋งจ๋“œ, Retry-ability ๋“ฑ ํ•ต์‹ฌ ๊ฐœ๋…์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๋ฉฐ, ํ•จ๊ป˜ E2E ํ…Œ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋ฉฐ ์‚ฌ์šฉํ•˜๋Š” API๋“ค์— ๋Œ€ํ•ด ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

์„น์…˜ 5.
Cypress๋ฅผ ํ™œ์šฉํ•œ
E2E ํ…Œ์ŠคํŠธ ์ž‘์„ฑํ•˜๊ธฐ

๐Ÿ“Œ ์ปค์Šคํ…€ ์ปค๋งจ๋“œ์™€ ์ฟผ๋ฆฌ์— ๋Œ€ํ•œ ๊ฐœ๋…์„ ๋ฐฐ์šฐ๊ณ  ํ•จ๊ป˜ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค.
๐Ÿ“Œ ํ•จ๊ป˜ E2E ํ…Œ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด์„œ session, intercept ๋“ฑ์„ ํ™œ์šฉํ•ด ํ…Œ์ŠคํŠธ์˜ ์†๋„๋ฅผ ๋†’์ด๊ณ  ์ œํ•œ๋œ ํ™˜๊ฒฝ์„ ๊ฐœ์„ ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋ฐฐ์›๋‹ˆ๋‹ค.
๐Ÿ“Œ ํ…Œ์ŠคํŠธ ๋”๋ธ” ๊ฐœ๋…์— ๋Œ€ํ•ด ๋” ๊นŠ๊ฒŒ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.
๐Ÿ“Œ E2E ํ…Œ์ŠคํŠธ์˜ ํ•œ๊ณ„์— ๋Œ€ํ•ด ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

์„น์…˜ 6.
๋งˆ๋ฌด๋ฆฌ

๐Ÿ“Œ 1๋ถ€์™€ 2๋ถ€์—์„œ ๋ฐฐ์› ๋˜ ํ…Œ์ŠคํŠธ๋ฅผ ๋‹ค์‹œ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.
๐Ÿ“Œ ์ด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์—ฌ๋Ÿฌ ์ƒํ™ฉ์— ๋งž๋Š” ํ…Œ์ŠคํŠธ ์ „๋žต์„ ๊ณ ๋ฏผํ•ด๋ด…๋‹ˆ๋‹ค.

์—ฐ๊ด€ ๊ฐ•์˜ ๐Ÿ“บ

์‹ค๋ฌด์— ๋ฐ”๋กœ ์ ์šฉํ•˜๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ

1๋ถ€. ํ…Œ์ŠคํŠธ ๊ธฐ์ดˆ: ๋‹จ์œ„ยทํ†ตํ•ฉ ํ…Œ์ŠคํŠธ

๋งํฌ: https://inf.run/coESp

์˜ˆ์ƒ ์งˆ๋ฌธ Q&A ๐Ÿ’ฌ

Q. Windows / MacOS ์ƒ๊ด€์—†์ด ์ˆ˜๊ฐ•ํ•  ์ˆ˜ ์žˆ๋‚˜์š”?
A.
๋„ค, ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์ˆ˜์—…์€ MacOS์—์„œ ์ง„ํ–‰๋˜๋ฉฐ VS Code์™€ ๋ธŒ๋ผ์šฐ์ €(ํฌ๋กฌ) ํ™˜๊ฒฝ์—์„œ ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค.

Q. ํ•™์Šต ์ž๋ฃŒ๋Š” ์–ด๋””์žˆ์„๊นŒ์š”?
A.
๊ฐ•์˜ ์ž๋ฃŒ๋Š” ๊ฐ•์˜์— ํฌํ•จ๋˜์–ด ์žˆ์œผ๋ฉฐ, ์˜ˆ์ œ ์ฝ”๋“œ๋Š” ๊นƒํ—™์„ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”.

Q. ๊ฐ•์˜๋ฅผ ๋“ฃ๊ธฐ ์ „ ์•Œ์•„์•ผํ•˜๋Š” ์ง€์‹์ด ์žˆ์„๊นŒ์š”?
A.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(ES6)์™€ ๋ฆฌ์•กํŠธ์— ๋Œ€ํ•œ ๊ธฐ์ดˆ ์ง€์‹์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ฐ•์˜๋Š” ํ…Œ์ŠคํŠธ์— ๋Œ€ํ•ด ์ด์•ผ๊ธฐํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ”„๋กœ์ ํŠธ๋ฅผ ํ•ด๋‚˜๊ฐ€๋Š” ๊ธฐ์ˆ ๋“ค์— ๋Œ€ํ•œ ์†Œ๊ฐœ๋Š” ๊ฐ„๋‹จํ•˜๊ฒŒ๋Š” ํ•˜์ง€๋งŒ, ๊ตฌ์ฒด์ ์ธ ์‚ฌ์šฉ๋ฒ•์€ ์ง์ ‘ ํ•™์Šตํ•˜์…”์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์–ด๋ ต์ง€ ์•Š์€ ์ˆ˜์ค€์œผ๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋‹ˆ ์‚ฌ์šฉ ๊ธฐ์ˆ ์„ ํ•™์Šตํ•˜๋ฉด์„œ ์ฒœ์ฒœํžˆ ๋”ฐ๋ผ์˜ค์…”๋„ ์ถฉ๋ถ„ํžˆ ํ•ด๋‚ด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 

Q. ์ˆœ์„œ ์ƒ๊ด€ ์—†์ด ์›ํ•˜๋Š” ์„น์…˜์„ ๋จผ์ € ์ˆ˜๊ฐ•ํ•ด๋„ ๋ ๊นŒ์š”?
A.
์ด ๊ฐ•์˜๋Š” ์ˆœ์ฐจ์ ์œผ๋กœ ํ…Œ์ŠคํŠธ์˜ ๊ฐœ๋…๊ณผ ๊ฐ ํ…Œ์ŠคํŠธ ์ž‘์„ฑ๋ฒ•, ํ•œ๊ณ„๋ฅผ ์„ค๋ช…๋“œ๋ฆฌ๊ณ  ํ•œ๊ณ„๋ฅผ ๊ทน๋ณตํ•˜๋Š” ์ƒˆ๋กœ์šด ํ…Œ์ŠคํŠธ ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฏ€๋กœ, ์•ž ์„น์…˜๋ถ€ํ„ฐ ์ˆœ์ฐจ์ ์œผ๋กœ ํ•™์Šตํ•˜์‹œ๋Š” ๊ฒƒ์„ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

Q. 1๋ถ€์™€ 2๋ถ€๋Š” ์ด์–ด์ง€๋Š” ๊ฐ•์˜์ผ๊นŒ์š”?
A. 
๋„ค. ๊ฐ•์˜๋Š” ๊ฐ™์€ ์˜ˆ์ œ ํ”„๋กœ์ ํŠธ๋กœ ์ง„ํ–‰๋˜๋ฉฐ, 1๋ถ€์—์„œ ์†Œ๊ฐœํ•œ ๋‚ด์šฉ์€ 2๋ถ€์—์„œ ๋‹ค์‹œ ์†Œ๊ฐœํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ฐ€๋Šฅํ•˜์‹œ๋‹ค๋ฉด 1๋ถ€, 2๋ถ€ ๊ฐ™์ด ํ•™์Šตํ•˜์‹œ๋Š” ๊ฒƒ์„ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค. 

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ํ…Œ์ŠคํŠธ๋ฅผ ํ†ตํ•ด ์ž์‹ ์ด ์ž‘์„ฑํ•œ ์ฝ”๋“œ์— ์ž์‹ ๊ฐ์„ ๊ฐ–๊ณ  ์‹ถ์€ ๋ถ„

  • ํ…Œ์ŠคํŠธ๋ฅผ ํ†ตํ•ด ์†์œผ๋กœ ์ง์ ‘ํ•˜๋Š” ๋ฐ˜๋ณต์ ์ธ ๊ฒ€์ฆ์„ ์ž๋™ํ™” ์‹œํ‚ค๊ณ  ์‹ถ์€ ๋ถ„

  • ํ‰์†Œ ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ๊ฐ€ ๋ฌด์—‡์„ ๊ฒ€์ฆํ•˜๋Š” ๊ฒƒ์ธ์ง€ ๊ถ๊ธˆํ–ˆ๋˜ ๋ถ„

  • ์—ฌ๋Ÿฌ ํ”„๋ŸฐํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ ํƒ€์ž…์„ ํ•œ ๋ฒˆ์— ํ•™์Šตํ•˜๊ณ  ์ ์ ˆํ•˜๊ฒŒ ๋…น์•„๋“  ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  ์‹ถ์€ ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • JavaScript

  • CSSยทHTML

  • React

์•ˆ๋…•ํ•˜์„ธ์š”
์ฝ”๋“œ ์กฐ์ปค, ์˜คํ”„์ž…๋‹ˆ๋‹ค.

1,746

๋ช…

์ˆ˜๊ฐ•์ƒ

118

๊ฐœ

์ˆ˜๊ฐ•ํ‰

73

๊ฐœ

๋‹ต๋ณ€

4.9

์ 

๊ฐ•์˜ ํ‰์ 

2

๊ฐœ

๊ฐ•์˜

์ฝ”๋“œ ์กฐ์ปค

โ—ฆ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์™„์„ฑ๊นŒ์ง€, ํ”„๋ŸฐํŠธ์—”๋“œ(๊ฐœ๋ฐœ๋ถ€ํ„ฐ ํ…Œ์ŠคํŠธ๊นŒ์ง€, ์ด๋ก ๊ณผ ์˜ˆ์ œ๋กœ ๋ฐฐ์šฐ๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ) ์ €์ž
โ—ฆ 12๋…„์ฐจ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž
โ—ฆ (ํ˜„) ๊ธ€๋กœ๋ฒŒ ์ปจํ…์ธ  ํšŒ์‚ฌ FE ๊ฐœ๋ฐœ ๋ถ€๋ฌธ ํŒ€์žฅ
โ—ฆ (์ „) NHN TOAST Cloud FE ๊ฐœ๋ฐœ ํŒ€์žฅ
โ—ฆ (์ „) ์‚ผ์„ฑ SDS FE ๊ฐœ๋ฐœ์ž

์˜คํ”„

โ—ฆ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์™„์„ฑ๊นŒ์ง€, ํ”„๋ŸฐํŠธ์—”๋“œ(๊ฐœ๋ฐœ๋ถ€ํ„ฐ ํ…Œ์ŠคํŠธ๊นŒ์ง€, ์ด๋ก ๊ณผ ์˜ˆ์ œ๋กœ ๋ฐฐ์šฐ๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ) ์ €์ž
โ—ฆ 8๋…„์ฐจ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž
โ—ฆ (ํ˜„) ๊ธ€๋กœ๋ฒŒ ๋ฉ”์‹ ์ € ํšŒ์‚ฌ FE ๊ฐœ๋ฐœ์ž
โ—ฆ (์ „) NHN TOAST UI ์˜คํ”ˆ์†Œ์Šค ๊ฐœ๋ฐœ์ž

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

23๊ฐœ โˆ™ (3์‹œ๊ฐ„ 59๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

์ˆ˜์—…์ž๋ฃŒ
๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

27๊ฐœ

4.9

27๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • hj rr๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    hj rr

    ์ˆ˜๊ฐ•ํ‰ 18

    โˆ™

    ํ‰๊ท  ํ‰์  4.9

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    E2E ํ…Œ์ŠคํŠธ์— ๋Œ€ํ•˜์—ฌ ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์œผ๋กœ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ์ข‹์€ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

    • ์ •ํ˜ธ์—ฐ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
      ์ •ํ˜ธ์—ฐ

      ์ˆ˜๊ฐ•ํ‰ 78

      โˆ™

      ํ‰๊ท  ํ‰์  5.0

      5

      61% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

      ํ…Œ์ŠคํŠธ ๊ด€๋ จ ์ข‹์€ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

      • ์กฐ๋‚ด์ผ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
        ์กฐ๋‚ด์ผ

        ์ˆ˜๊ฐ•ํ‰ 22

        โˆ™

        ํ‰๊ท  ํ‰์  4.8

        5

        100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

        1๋ถ€๋ฅผ ์™„๊ฐ•ํ•œ ๋’ค ์žŠ๊ณ  ์ง€๋‚ด๋‹ค๊ฐ€, 2๋…„ ๋งŒ์— ๋‹ค์‹œ 2๋ถ€๊นŒ์ง€ ์™„๊ฐ•ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ…Œ์ŠคํŠธ ๋ฐฉ๋ฒ•์—๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€๊ฐ€ ์žˆ์ง€๋งŒ, ํ”„๋ก ํŠธ์—”๋“œ ์‹ค๋ฌด์—์„œ๋Š” ์ด๋ฅผ ์–ด๋–ค ์‹์œผ๋กœ ํ™œ์šฉํ•ด์•ผ ํ• ์ง€ ๋Š˜ ๊ถ๊ธˆํ–ˆ๋Š”๋ฐ ์ด๋ฒˆ ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ ์–ด๋–ค ์‹์œผ๋กœ ๋„์ž…ํ•ด๋ณผ ์ˆ˜ ์žˆ์„์ง€์— ๋Œ€ํ•œ ์ธ์‚ฌ์ดํŠธ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

        • sw2๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
          sw2

          ์ˆ˜๊ฐ•ํ‰ 1

          โˆ™

          ํ‰๊ท  ํ‰์  5.0

          5

          22% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

          ํ•ญ์ƒ ํ…Œ์ŠคํŠธ์— ๋Œ€ํ•ด ๊ถ๊ธˆ์ฆ์ด ๋งŽ์•˜๋˜ ์‹ ์ž… ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. 1๋ถ€์— ์ด์–ด์„œ ๋“ค์—ˆ๋Š”๋ฐ์š” ํ™•์‹คํžˆ 2๋ถ€๊นŒ์ง€ ๋“ค์œผ๋‹ˆ๊น ํ”„๋กœ์ ํŠธ ์ƒํ™ฉ์— ๋งž๋Š” ํ”„๋ก ํŠธ ํ…Œ์ŠคํŠธ๋ฅผ ์กฐํ•ฉํ•ด ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์–ด์„œ ๋ง‰์—ฐํ–ˆ๋˜ ํ…Œ์ŠคํŠธ ์ž‘์„ฑ์— ์ž์‹ ๊ฐ์ด ์ƒ๊ฒผ์Šต๋‹ˆ๋‹คใ…Žใ…Ž์ด์ œ ์‹ค๋ฌด์— ์ ์šฉํ•ด๋ด์•ผ๊ฒ ๋„ค์š”

          • dahm๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
            dahm

            ์ˆ˜๊ฐ•ํ‰ 3

            โˆ™

            ํ‰๊ท  ํ‰์  5.0

            5

            100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

            ๋„ˆ๋ฌด ์žฌ๋ฐŒ์—ˆ์–ด์š”. ์„œ๋น„์Šค ํ”„๋กœ์ ํŠธ์— ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ๋ฐ”๋กœ ์ ์šฉํ•˜๋Š” ๊ฒƒ์€ ํŒ€์˜ ํ˜‘์˜๊ฐ€ ์ข€ ๋” ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™์•„์„œ ๋””์ž์ธ์‹œ์Šคํ…œ ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ถ€ํ„ฐ ์–ผ๋ฅธ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ ์š”. ์žฌ๋ฐŒ๋Š” ๊ฐ•์˜ ๋‚ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~!

            • ์ฝ”๋“œ ์กฐ์ปค, ์˜คํ”„
              ์ง€์‹๊ณต์œ ์ž

              ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!! ์ ์šฉํ•˜์‹œ๋‹ค๊ฐ€ ์–ด๋ ค์šด ์  ์žˆ์œผ์‹œ๊ฑฐ๋‚˜ ๋„์›€ ํ•„์š”ํ•˜์‹œ๋ฉด ์งˆ๋ฌธ ์ฃผ์„ธ์š”~ ์ƒˆํ•ด ๋ณต ๋งŽ์ด ๋ฐ›์œผ์„ธ์š”!

          ์ฝ”๋“œ ์กฐ์ปค, ์˜คํ”„๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

          ์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

          ๋น„์Šทํ•œ ๊ฐ•์˜

          ๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

          ์‹ ๊ทœ๊ฐ€์ž… 25% ํ• ์ธ

          โ‚ฉ49,500

          25%

          โ‚ฉ66,000