๐Ÿ› ๏ธ CHOP! ๊ฐœ๋ฐœ ํ™˜๊ฒฝ โ€“ ์šฐ๋ฆฌ๊ฐ€ ์„ ํƒํ•œ ํˆด

์กฐ์ค€ํ˜•ยท2025๋…„ 3์›” 19์ผ
0

CHOP!

๋ชฉ๋ก ๋ณด๊ธฐ
5/20
post-thumbnail

๐Ÿ” ํ”„๋กœ์ ํŠธ ํ˜‘์—… & ๊ด€๋ฆฌ

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

๐Ÿ“ Confluence โ€“ ๋ฌธ์„œํ™” ๋ฐ ๊ณต์œ  (๊ธฐํš ๋ฐ ๊ฐœ๋ฐœ ํšŒ์˜)
๐ŸŽฏ Jira โ€“ ์• ์ž์ผ ๋ฐฉ์‹์œผ๋กœ ์ด์Šˆ ๊ด€๋ฆฌ (์Šคํ”„๋ฆฐํŠธ ๊ณ„ํš & ํƒœ์Šคํฌ ํŠธ๋ž˜ํ‚น)
์ด๋ ‡๊ฒŒ ํ•˜๋‹ˆ ์ž‘์—…์˜ ํ๋ฆ„์„ ํ•œ๋ˆˆ์— ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๊ณ , ํŒ€์› ๊ฐ„ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜๋„ ํ›จ์”ฌ ์›ํ™œํ–ˆ๋‹ค.

๐ŸŽจ UI/UX ๋””์ž์ธ
Figma๋ฅผ ํ™œ์šฉํ•ด UI๋ฅผ ๋””์ž์ธํ•˜๊ณ  ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๊ณ ๋ฐ›์•˜๋‹ค.
๋•๋ถ„์— ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•  ๋•Œ ๋ช…ํ™•ํ•œ ๊ธฐ์ค€์ด ์žˆ์–ด์„œ UI ๊ตฌํ˜„์ด ํ•œ๊ฒฐ ์ˆ˜์›”ํ–ˆ๋‹ค.

โš™๏ธ CI/CD ํŒŒ์ดํ”„๋ผ์ธ

CI/CD ์ž๋™ํ™”๋ฅผ ์œ„ํ•ด GitHub Actions๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.
๐Ÿš€ Pull Request๋ฅผ ์˜ฌ๋ฆฌ๋ฉด ์ž๋™์œผ๋กœ ๋นŒ๋“œ & ํ…Œ์ŠคํŠธ๊ฐ€ ์‹คํ–‰๋˜๋„๋ก ์„ค์ •ํ•ด๋‘์—ˆ๊ณ , ์ด๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ ํ’ˆ์งˆ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

๐Ÿ’ป ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ  ์Šคํƒ

์šฐ๋ฆฌ ํŒ€์ด ์„ ํƒํ•œ ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ  ์Šคํƒ:

โšก Vite โ€“ ๋น ๋ฅธ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ธํŒ…
โš›๏ธ React + TypeScript โ€“ ์œ ์ง€๋ณด์ˆ˜์„ฑ๊ณผ ์•ˆ์ •์„ฑ์„ ๊ณ ๋ คํ•œ ์กฐํ•ฉ
๐ŸŽจ styled-components โ€“ ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„ ์Šคํƒ€์ผ๋ง์„ ์œ„ํ•œ ์„ ํƒ
์ด ์กฐํ•ฉ ๋•๋ถ„์— ๋น ๋ฅธ ๊ฐœ๋ฐœ์ด ๊ฐ€๋Šฅํ–ˆ๊ณ , ์œ ์ง€๋ณด์ˆ˜๋„ ํ›จ์”ฌ ์‰ฌ์› ๋‹ค.

โœจ ์ •๋ฆฌ

๐Ÿ’ก "์ข‹์€ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์ด ์ข‹์€ ์ œํ’ˆ์„ ๋งŒ๋“ ๋‹ค!"
CHOP!์€ ์• ์ž์ผ ๋ฐฉ์‹์œผ๋กœ ๊ด€๋ฆฌํ•˜๊ณ , ํšจ์œจ์ ์ธ ๋„๊ตฌ๋“ค์„ ์กฐํ•ฉํ•ด์„œ ๊ฐœ๋ฐœํ–ˆ๋‹ค.

profile
์ฝ”๋ฆฐ์ด

0๊ฐœ์˜ ๋Œ“๊ธ€