๐Ÿ” ํ•ญํ•ด ํ”Œ๋Ÿฌ์Šค ํ”„๋ก ํŠธ์—”๋“œ 8์ฃผ์ฐจ : ๋ง๋กœ๋งŒ ๋“ฃ๋˜ TDD๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์•Œ์•„๋ณด๊ธฐ

์ด๋ฒˆ ์ฃผ์ฐจ์—์„œ๋Š”๊ฐœ๋ฐœ์ž์˜ ํ•„์ˆ˜ ์—ญ๋Ÿ‰์œผ๋กœ ๋– ์˜ค๋ฅธ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ์™€ TDD(Test-Driven Development)์— ๋Œ€ํ•ด ํ•™์Šตํ–ˆ์Šต๋‹ˆ๋‹ค.

"ํ…Œ์ŠคํŠธ๋Š” ์–ธ์ œ ๋„์ž…ํ•ด์•ผ ํ• ๊นŒ? ํ…Œ์ŠคํŠธ๊ฐ€ ์ค‘์š”ํ•˜๋‹ค๊ณ  ํ•˜๋ฉด์„œ๋„ ์‹ค๋ฌด์—์„œ TDD๋ฅผ ๋„์ž…ํ•˜๊ฑฐ๋‚˜ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ํŒ€์ด ์™œ ๊ทธ๋ฆฌ ๋“œ๋ฌธ ๊ฑธ๊นŒ?" ํ•ญ์ƒ ํ’ˆ์—ˆ๋˜ ์˜๋ฌธ์„ ์ด๋ฒˆ ํ•™์Šต์„ ํ†ตํ•ด ํ•ด์†Œํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

ํŠนํžˆ TDD์˜ '๋ ˆ๋“œ-๊ทธ๋ฆฐ-๋ฆฌํŒฉํ„ฐ' ์‚ฌ์ดํด์„ ์ดํ•ดํ•˜๋ฉด์„œ, ํ…Œ์ŠคํŠธ๊ฐ€ ๋‹จ์ˆœํ•œ ๊ฒ€์ฆ ๋„๊ตฌ๋ฅผ ๋„˜์–ด ๋” ๋‚˜์€ ์„ค๊ณ„์™€ ์•ˆ์ •์ ์ธ ์ฝ”๋“œ๋ฒ ์ด์Šค๋ฅผ ๋งŒ๋“œ๋Š” ํ•ต์‹ฌ ์š”์†Œ์ž„์„ ๊นจ๋‹ฌ์•˜์Šต๋‹ˆ๋‹ค.

TDD๊ฐ€ ๋ฌด์—‡์ธ์ง€ ๊ถ๊ธˆํ•˜์‹œ๋‹ค๋ฉด ์•„๋ž˜ ๋ฒจ๋กœ๊ทธ ๋งํฌ์—์„œ ๋” ์ž์„ธํžˆ ํ™•์ธํ•ด ๋ณด์„ธ์š”! ๐Ÿซถ๐Ÿ‘‡

ํ•ญํ•ด ํ”Œ๋Ÿฌ์Šค ํ”„๋ก ํŠธ์—”๋“œ ํ›„๊ธฐ (8์ฃผ์ฐจ) - Test-Driven Development, TDD

velog.io

ํ•ญํ•ด ํ”Œ๋Ÿฌ์Šค ํ”„๋ก ํŠธ์—”๋“œ ํ›„๊ธฐ (8์ฃผ์ฐจ) - Test-Driven Development, TDD

๋” ๋งŽ์€ ์ฝ˜ํ…์ธ ๋ฅผ ๋ณด๊ณ  ์‹ถ๋‹ค๋ฉด?

๋˜๋Š”

์ด๋ฏธ ํšŒ์›์ด์‹ ๊ฐ€์š”?

2025๋…„ 2์›” 26์ผ ์˜คํ›„ 1:34

๋Œ“๊ธ€ 0

    ํ•จ๊ป˜ ์ฝ์€ ๊ฒŒ์‹œ๋ฌผ


    ๐Ÿ“ ์•ˆ๋“œ๋กœ์ด๋“œ ํฌ๋กฌ์—์„œ CSS vh ๋‹จ์œ„๊ฐ€ ์ด์ƒํ•˜๊ฒŒ ๋™์ž‘ํ–ˆ๋˜ ์ด์œ 

    -

    ... ๋” ๋ณด๊ธฐ

    ์•ˆ๋“œ๋กœ์ด๋“œ ํฌ๋กฌ์—์„œ CSS vh ๋‹จ์œ„๊ฐ€ ์ด์ƒํ•˜๊ฒŒ ๋™์ž‘ํ–ˆ๋˜ ์ด์œ  - ์žฌ๊ทธ์ง€๊ทธ์˜ ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ

    ์žฌ๊ทธ์ง€๊ทธ์˜ ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ

    ์•ˆ๋“œ๋กœ์ด๋“œ ํฌ๋กฌ์—์„œ CSS vh ๋‹จ์œ„๊ฐ€ ์ด์ƒํ•˜๊ฒŒ ๋™์ž‘ํ–ˆ๋˜ ์ด์œ  - ์žฌ๊ทธ์ง€๊ทธ์˜ ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ

     โ€ข 

    ์ €์žฅ 13 โ€ข ์กฐํšŒ 2,001


    ์นญ์ฐฌ์€ ๋งค์šฐ ๊ฐ•๋ ฅํ•œ ํž˜์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค. ์ œ๋Œ€๋กœ ๋œ ์นญ์ฐฌ์€ ์‚ฌ๋žŒ์˜ ๋งˆ์Œ์„ ์›€์ง์ด๊ณ  ๊ด€๊ณ„๋ฅผ ๊นŠ๊ฒŒ ๋งŒ๋“ค๋ฉฐ, ์กฐ์ง๊ณผ ํŒ€์˜ ๋ถ„์œ„๊ธฐ๋ฅผ ๋ฐ”๊พผ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ž˜๋ชป๋œ ์นญ์ฐฌ์€ ์˜คํžˆ๋ ค ๋ถ€์ž‘์šฉ์„ ๋‚ณ๊ธฐ๋„ ํ•œ๋‹ค. โ€˜์นญ์ฐฌ์€ ๊ณ ๋ž˜๋„ ์ถค์ถ”๊ฒŒ ํ•œ๋‹คโ€™๋ผ๋Š” ๋ง์ฒ˜๋Ÿผ ์นญ์ฐฌ์˜ ํž˜์€ ๊ฐ•๋ ฅํ•˜์ง€๋งŒ, ์ œ๋Œ€๋กœ ํ™œ์šฉํ•˜๋ ค๋ฉด ๊ธฐ์ˆ ์ด ํ•„์š”ํ•˜๋‹ค.

    ... ๋” ๋ณด๊ธฐ

    [๋ช…๋Œ€์„ฑ์˜ ์†Œํ†ต ๋ณธ์ƒ‰] ์นญ์ฐฌ์—๋„ ๊ธฐ์ˆ ์ด ํ•„์š”ํ•˜๋‹ค

    ํ•œ๊ตญ๊ฐ•์‚ฌ์‹ ๋ฌธ

    [๋ช…๋Œ€์„ฑ์˜ ์†Œํ†ต ๋ณธ์ƒ‰] ์นญ์ฐฌ์—๋„ ๊ธฐ์ˆ ์ด ํ•„์š”ํ•˜๋‹ค

    (Next.js 14 ๋ณ€๊ฒฝ์ )Params ๊ฐ€ Promise ๋กœ ๋ฐ”๋€Œ์—ˆ๋‹ค?

    ํ˜น

    ... ๋” ๋ณด๊ธฐ

    - YouTube

    youtu.be

     - YouTube

    ์•Œ๋ฆฌ๋ฐ”๋ฐ”์˜ Qwen 2.5 VL ๋ชจ๋ธ ๊ณต๊ฐœ

    ์–ผ

    ... ๋” ๋ณด๊ธฐ

    Qwen2.5-VL-32B: Smarter and Lighter

    Qwen

    Qwen2.5-VL-32B: Smarter and Lighter

    ์ฟ ํŒก์˜ ๋Œ€๊ทœ๋ชจ ํŠธ๋ž˜ํ”ฝ ์ฒ˜๋ฆฌ ์ „๋žต ์š”์•ฝ

    ๋Œ€๊ทœ๋ชจ ํŠธ๋ž˜ํ”ฝ ์ฒ˜๋ฆฌ์™€ ๊ด€๋ จ๋œ ๊ธ€๋“ค์„ ์จ๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ˜์‘์ด ์ข‹์œผ๋ฉด ์ฟ ํŒก ๋ฟ ์•„๋‹ˆ๋ผ ๋ผ์ธ๊ณผ ์นด์นด์˜ค์—์„œ๋Š” ์–ด๋–ค ์ „๋žต์„ ๋ฐ”ํƒ•์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๊ณ  ์žˆ๋Š”์ง€๋„ ์ •๋ฆฌํ•ด๋ณผ๊ฒŒ์š”. ๋ชฉ์ : - ๊ณ ๊ฐ€์šฉ์„ฑ (High Availability) - ๊ณ ์ฒ˜๋ฆฌ๋Ÿ‰ (High Throughput) - ์ง€์—ฐ์‹œ๊ฐ„ ์ตœ์†Œํ™” (Low Latency) ์ „๋žต: ํ†ตํ•ฉ NoSQL ๋ฐ์ดํ„ฐ ์Šคํ† ๋ฆฌ์ง€๋ฅผ ์‚ฌ์šฉ - ์ œํ’ˆ ์ •๋ณด (Catalog) ์™€ ๊ฐ€๊ฒฉ (Price), ์žฌ๊ณ  (Fulfillment) ๋“ฑ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ํ†ตํ•ฉ ์ €์žฅํ•˜์—ฌ ํ•œ ๋ฒˆ์˜ ์ฝ๊ธฐ ์ž‘์—…์œผ๋กœ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค. (๊ด€๊ณ„ํ˜• ... ๋” ๋ณด๊ธฐ

    ์บ์‹œ๋ฅผ ํ™œ์šฉํ•œ ๋Œ€์šฉ๋Ÿ‰ ํŠธ๋ž˜ํ”ฝ ์ฒ˜๋ฆฌ ์„ฑ๋Šฅ ํ–ฅ์ƒ

    Medium

    ์บ์‹œ๋ฅผ ํ™œ์šฉํ•œ ๋Œ€์šฉ๋Ÿ‰ ํŠธ๋ž˜ํ”ฝ ์ฒ˜๋ฆฌ ์„ฑ๋Šฅ ํ–ฅ์ƒ

     โ€ข 

    ๋Œ“๊ธ€ 4 โ€ข ์ €์žฅ 322 โ€ข ์กฐํšŒ 7,877


    ๋น„์Šทํ•œ ๊ฒŒ์‹œ๋ฌผ

    ๊น€์˜์ค‘ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž

    ๋ณ€ํ™”ํ•˜๋Š” UI, ๋ณ€ํ•˜์ง€ ์•Š๋Š” ํ’ˆ์งˆ: ํ† ์Šค์˜ ํ”„๋ก ํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ ์ „๋žต

    ์œ ์‹œ์˜จ ํด๋ž˜์ŠคํŒ… ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž

    TDD๋Š” ์–ธ์ œ ์ ์šฉํ•˜๋Š” ๊ฒŒ ์ข‹์„๊นŒ?

    ์œ ์‹œ์˜จ ํด๋ž˜์ŠคํŒ… ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž

    ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๊ฐ€ ์–ด๋ ต๊ฒŒ ๋Š๊ปด์ง€๋Š” ์ด์œ 

    ํ™ฉ๊ฒฝ์ฐฌ(Boaz) P.E.C CEO

    ํ”„๋ก ํŠธ์—”๋“œ์—์„œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๊ฐ€ ํ•„์š”ํ•œ๊ฐ€? ์— ๋Œ€ํ•ด์„œ

    ๊น€๋Œ€ํ˜„ ๋””๋…ธํ‹ฐ์‹œ์•„ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž

    Git ๋ฒ„์ „ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ ๊ธฐ์ดˆ ์‹ค์Šต ์ž๋ฃŒ

    ์ด๊ทœ์› CTO

    ์ดฌ์˜ํ•˜๊ณ  ์žˆ๋Š” TDD ๊ฐ•์˜ ์ˆ˜์—… ์˜์ƒ ํ•˜๋‚˜๋ฅผ TDD๋‚˜ ํ…Œ์ŠคํŠธ ์ž๋™ํ™”์— ์ต์ˆ™ํ•˜์ง€ ์•Š์€ ์ง€์ธ์—๊ฒŒ ๋ณด์—ฌ์คฌ๋Š”๋ฐ ๋‘ ๊ฐ€์ง€๋ฅผ ๋Š๊ผˆ๋‹ค.

    ์ฃผ๊ฐ„ ์ธ๊ธฐ TOP 10

    1

    ์ด๋™ํ›ˆ ๊ธฐํšํ•˜๋Š” ๊ฐœ๋ฐœ์ž

    ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ 34๊ฐœ๋ฅผ ๋งŒ๋“ค๊ณ  ๋Š๋‚€์  10๊ฐ€์ง€

    2

    ๋‹ฌ๋ ˆ ๋ธ”๋กœ๊ทธ ์“ฐ๋Š” ๊ฐœ๋ฐœ์ž โœ๏ธ

    ๋‚˜์˜ ์ฒซ ๋ฉ˜ํ†  ์ด์•ผ๊ธฐ

    3

    ์†ก์š”์ฐฝ ๋ฐฐ๋ฏผ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ๊ทธ๋ž˜๋จธ

    ์š”์ฆ˜ ์šฐ์•„ํ•œ AI ๊ฐœ๋ฐœ ์ถœ๊ฐ„~

    3

    K๋ฆฌ๊ทธ ํ”„๋กœ๊ทธ๋ž˜๋จธ ์ปคํ”ผํ•œ์ž” ๊ฐœ๋ฐœ์ž

    ๋”ธ์„ ์œ„ํ•œ ๋ฐ›์•„์“ฐ๊ธฐ ์–ดํ”Œ์„ ์Šค์Šค๋กœ ๋งŒ๋“œ๋Š” ๊ฐ€์กฑ

    5

    ํ™ฉ๊ฒฝ์ฐฌ(Boaz) P.E.C CEO

    Modal ์„ ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„ํ•˜์‹œ๋‚˜์š”? ๋ณดํ†ต state ์™€ React