๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ231 ์ ์์ผ ๊ฐ๋ฐ ํ๊ฒฝ์์์ UI ํ๋กํ ํ์ดํ๊ณผ ์ปดํฌ๋ํธ ๋์์ธ ์ ์์ผ ๊ฐ๋ฐ ํ๊ฒฝ์์์ UI ํ๋กํ ํ์ดํ๊ณผ ์ปดํฌ๋ํธ ๋์์ธ์ ์์ผ(Agile) ๊ฐ๋ฐ ํ๊ฒฝ์์๋ ๋น ๋ฅธ ํผ๋๋ฐฑ๊ณผ ๋ฐ๋ณต์ ์ธ ๊ฐ์ ์ด ํต์ฌ ๊ฐ์น์ ๋๋ค. ์ด๋ฌํ ํ๊ฒฝ์์ UI ํ๋กํ ํ์ดํ๊ณผ ์ปดํฌ๋ํธ ๋์์ธ์ ๊ฐ๋ฐ ์ด๊ธฐ ๋จ๊ณ๋ถํฐ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฒ์ฆํ๊ณ , ๊ฐ๋ฐ์์ ๋์์ด๋ ๊ฐ์ ์ํํ ํ์ ์ ์ง์ํ๋ ์ค์ํ ์์๋ก ์๋ฆฌ ์ก๊ณ ์์ต๋๋ค. ์ด๋ฒ ํฌ์คํ ์์๋ ํ๋กํ ํ์ดํ ๋๊ตฌ์ ๋ฆฌ์กํธ ์คํ ๋ฆฌ๋ถ(Storybook) ๋ฑ์ ํ์ฉํ์ฌ UI ๋์์ธ์ ์ ์ํ๊ฒ ์๊ฐํํ๊ณ ๊ฒ์ฆํ๋ ๋ฐฉ๋ฒ, ๊ทธ๋ฆฌ๊ณ ์ด๋ฅผ ํตํ ๊ฐ๋ฐ ํ๋ก์ธ์ค์ ํ์ ์๋๋ฆฌ์ค์ ๋ํด ๊ตฌ์ฒด์ ์ผ๋ก ์ดํด๋ณด๊ฒ ์ต๋๋ค.์ ์์ผ ๊ฐ๋ฐ๊ณผ UI ํ๋กํ ํ์ดํ์ ์ค์์ฑ์ ์์ผ ๊ฐ๋ฐ์ ์งง์ ๊ฐ๋ฐ ์ฃผ๊ธฐ์ ์ง์์ ์ธ ํผ๋๋ฐฑ์ ํตํด ์ ํ์ ์ ์ง์ ์ผ๋ก ๊ฐ์ ํ๋ ๋ฐฉ์์ ๋๋ค. UI ํ๋กํ ํ์ดํ์ ์ด๋ฌํ ์ ์์ผ ๊ฐ๋ฐ.. 2025. 2. 26. ํฐ์คํ ๋ฆฌ ๋ค์๊ฒ์ ์ต์ ํ ๊ธฐ๊ฐ๊ณผ ์ ํ์ง ํ์ธ ๋ฐฉ๋ฒ ํฐ์คํ ๋ฆฌ ๋ค์ ๊ฒ์ ์ต์ ํ ๊ธฐ๊ฐ๊ณผ ์ ํ์ง ํ์ธ ๋ฐฉ๋ฒํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ์๋ฉด์ ๋ค์ ๊ฒ์์์์ ๋ ธ์ถ๊ณผ ์ต์ ํ ๋ฌธ์ ๋ก ๊ณ ๋ฏผํด ๋ณด์ ์ ์์ผ์ ๊ฐ์? ์ด๋ฒ ํฌ์คํ ์์๋ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ์ ๋ค์ ๊ฒ์ ์ต์ ํ ๊ธฐ๊ฐ๊ณผ ์ ํ์ง ํ๋ณ ๊ธฐ์ค, ๊ทธ๋ฆฌ๊ณ ๊ฒ์ ๋ ธ์ถ์ ๊ทน๋ํํ๊ธฐ ์ํ ์ ๋ต์ ๋ํด ์์ธํ ์์๋ณด๊ณ ์ ํฉ๋๋ค. ์๋์์ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ์ ์ต์ ํ ๊ธฐ๊ฐ๊ณผ ์ ํ์ง ๋ธ๋ก๊ทธ๋ก ๋ถ๋ฅ๋๋ ์ด์ , ๊ทธ๋ฆฌ๊ณ ์ด๋ฅผ ๊ฐ์ ํ๊ธฐ ์ํ ๋ค์ํ ํ์ ์์๋๋ก ์ค๋ช ๋๋ฆฌ๊ฒ ์ต๋๋ค.์ฒ์ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ์ ๊ธ์ ์์ฑํ์ค ๋, ์กฐํ์๊ฐ ์ ์ ๊ฒ์ ์์ฐ์ค๋ฝ๊ฒ ๋ฐ์๋ค์ด์ จ์ ์๋ ์์ต๋๋ค. ์ ์ญ์ ์ฒ์ ๋ธ๋ก๊ทธ๋ฅผ ์์ํ ๋๋ “์์ง ์ด๊ธฐ ๋จ๊ณ๋๊น ๋น์ฐํ ๊ฒฐ๊ณผ”๋ผ๊ณ ์๊ฐํ๋ฉฐ ์ง๋์ณค๋ ๊ฒฝํ์ด ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ค ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ๊ฐ ๋ค์ ๊ฒ์ ์ต์ ํ ๊ธฐ๊ฐ์ด๋ผ๋ ์.. 2025. 2. 16. ๋ฆฌ์กํธ api axios ์์ ๋ค์ด๋ก๋ ๋ฒํผ ๊ตฌํ react.JS filesaver.saveAs javascript blob response.headers ๊ฐ์์ filename์ถ์ถํ๊ธฐ ๋ฆฌ์กํธ api axios ์์ ๋ค์ด๋ก๋ ๋ฒํผ ๊ตฌํ react.JS filesaver.saveAs javascript blob response.headers ๊ฐ์์ filename์ถ์ถํ๊ธฐ๋ฆฌ์กํธ๋ก ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ์๋ฒ๋ก๋ถํฐ ์์ ํ์ผ์ ๋ค์ด๋ก๋ ๋ฐ๋ ๊ธฐ๋ฅ์ ๊ตฌํํด์ผ ํ ๊ฒฝ์ฐ๊ฐ ์ข ์ข ์์ต๋๋ค. ํนํ API ํธ์ถ ์ Axios๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ค๊ณ , ๊ทธ ๋ฐ์ดํฐ๋ฅผ ํ์ผ๋ก ์ ์ฅํ๋ ๊ณผ์ ์์ ์ฌ๋ฌ ๊ฐ์ง ์ ์ฝ๊ณผ ์ด์๋ฅผ ๋ง์ฃผํ๊ฒ ๋ฉ๋๋ค. ์ด๋ฒ ํฌ์คํ ์์๋ ๋ฆฌ์กํธ ํ๊ฒฝ์์ Axios๋ฅผ ํ์ฉํ์ฌ ์์ ํ์ผ ๋ค์ด๋ก๋ ๋ฒํผ์ ๊ตฌํํ๋ ๋ฐฉ๋ฒ๊ณผ ํจ๊ป, response.headers์ ํฌํจ๋ ํ์ผ๋ช ์ ์ถ์ถํ๋ ๊ผผ์์ ๋ํด ์์ธํ ๋ค๋ฃจ๊ณ ์ ํฉ๋๋ค.๋ฆฌ์กํธ ํ๋ก์ ํธ ๊ฐ์ ๋ฐ ๊ตฌํ ๋ฐฐ๊ฒฝ๋ฆฌ์กํธ๋ ๋จ์ํ ์ปดํฌ๋ํธ ๊ธฐ๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก.. 2025. 2. 11. ์์ ํ ์ด๋ฏธ์ง๋ก ์ ์ฅ ์์ ํ์ผ ์บก์ณ ๋ฐฉ๋ฒ ๋๊ตฌ ์ค ‘์นด๋ฉ๋ผ’ ๊ธฐ๋ฅ ์๊ฐ ์์ ํ ์ด๋ฏธ์ง๋ก ์ ์ฅ ์์ ํ์ผ ์บก์ณ ๋ฐฉ๋ฒ์์ ์ ์ ์ธ๊ณ ์๋ง์ ์ฌ๋๋ค์ด ๋ฐ์ดํฐ ์ ๋ฆฌ, ๋ถ์, ๊ทธ๋ฆฌ๊ณ ์๊ฐํ์ ํ์ฉํ๋ ๊ฐ๋ ฅํ ๋๊ตฌ์ ๋๋ค. ์ ๋ฌด ๋ณด๊ณ ์ ์์ฑ์ด๋ ํ๋ก์ ํธ ๊ณํ, ์ฌ๋ฌด ๋ถ์ ๋ฑ ๋ค์ํ ๋ถ์ผ์์ ์์ ์ ํ์ฉ๋๋ ๋ ๋ก ์ฆ๊ฐํ๊ณ ์์ผ๋ฉฐ, ์ด์ ๋ฐ๋ผ ์์ ์ ๋ค์ํ ๊ธฐ๋ฅ์ ๋ํ ์ดํด์ ์๋ จ๋ ์ญ์ ์ค์ํ ์์๋ก ๋ถ๊ฐ๋๊ณ ์์ต๋๋ค. ์ค๋์ ์์ ํ์ผ ๋ด์์ ํ๋ ๋ฐ์ดํฐ๋ฅผ ์บก์ณํ์ฌ ์ด๋ฏธ์ง๋ก ์ ์ฅํ๋ ๋ ๊ฐ์ง ์ฃผ์ ๋ฐฉ๋ฒ์ธ “๊ทธ๋ฆผ์ผ๋ก ๋ณต์ฌ” ๊ธฐ๋ฅ๊ณผ “์นด๋ฉ๋ผ” ๊ธฐ๋ฅ์ ๋ํด ์์ธํ ์์๋ณด๊ฒ ์ต๋๋ค. ์ด ๊ธ์์๋ ํด๋น ๊ธฐ๋ฅ๋ค์ด ์ด๋ป๊ฒ ์๋ํ๋ฉฐ, ์ ์ ๋ฌด ํจ์จ์ฑ์ ๋์ด๋ ๋ฐ ์ ์ฉํ์ง๋ฅผ ์ค์ ์ ์ผ๋ก ์ค๋ช ํ๊ณ ์ ํฉ๋๋ค. ์์ ์์ ์ ํ๋ค ๋ณด๋ฉด ๋ฐ์ดํฐ๋ฅผ ์๊ฐ์ ์ผ๋ก ํํํด์ผ ํ๋ ์ํฉ์ด ์์ฃผ ๋ฐ์ํฉ๋๋ค. ํนํ, ์น์ฌ์ดํธ๋ .. 2025. 1. 23. ์ฐพ์์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๋ ๋ง์ ์ฝํ ์ธ ๋ฅผ ์ ๊ธํด์ ํ์ธ์. ์ด ์ฌ์ดํธ์ ์ฝํ ์ธ ์ ๊ณ์ ์ก์ธ์คํ๋ ค๋ฉด ์๋ ์กฐ์น๋ฅผ ์ทจํด๋ณด์ธ์. ์งง์ ๊ด๊ณ ๋ณด๊ธฐ 24์๊ฐ๋์ ์ฌ์ดํธ ์ ์ฒด์ ์ก์ธ์คํ ์ ์์ต๋๋ค. ์ฐพ์์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๋ ๋ง์ ์ฝํ ์ธ ๋ฅผ ์ ๊ธํด์ ํ์ธ์. ์ด ์ฌ์ดํธ์ ์ฝํ ์ธ ์ ๊ณ์ ์ก์ธ์คํ๋ ค๋ฉด ์๋ ์กฐ์น๋ฅผ ์ทจํด๋ณด์ธ์. ์งง์ ๊ด๊ณ ๋ณด๊ธฐ 24์๊ฐ๋์ ์ฌ์ดํธ ์ ์ฒด์ ์ก์ธ์คํ ์ ์์ต๋๋ค.์ธํฐ๋ท์ ์ด์ฉํ๋ค ๋ณด๋ฉด ๋ค์ํ ์ฌ์ดํธ์์ ์ ๊ณตํ๋ ํฅ๋ฏธ๋ก์ด ์ฝํ ์ธ ์ ์ ๊ทผํ๋ ค๋ ์๊ฐ, ์ ๊ธํด์ ์๋ด ๋ฉ์์ง๊ฐ ๋ํ๋๋ ๊ฒฝ์ฐ๋ฅผ ์ข ์ข ๊ฒฝํํ์ จ์ ๊ฒ๋๋ค. ์ด๋ฒ ๊ธ์์๋ ์ด๋ฌํ ์ฝํ ์ธ ์ ๊ธ ๋ฐฉ์์ ์๋ ์๋ฆฌ์ ์ค๋ฆฌ์ ๋ฌธ์ , ๊ทธ๋ฆฌ๊ณ ๊ด๋ จ ๊ด๊ณ ์ ์ฑ ๋ฐ ๊ฐ์ ๋ฐฉ์์ ๋ํด ์์ธํ ์ดํด๋ณด๊ฒ ์ต๋๋ค.์ฝํ ์ธ ์ ๊ธ ๋ฐฉ์: ์ด๋ป๊ฒ ์๋ํ ๊น?๋ง์ ์น์ฌ์ดํธ๋ ์ฌ์ฉ์์๊ฒ ์ฝํ ์ธ ๋ฅผ ์ ๊ณตํ๋ ๋๊ฐ๋ก ํน์ ํ๋์ ์๊ตฌํฉ๋๋ค. ์ด๋ ์ฌ์ฉ์์ ์ด์์ ๊ฐ์ ์ํธ์์ฉ์ ๊ธฐ๋ฐ์ผ๋ก ํ๋ฉฐ, ์ฌ์ดํธ์ ์์ต ์ฐฝ์ถ์ ๋๋ ์ค์ํ ์์๋ก ์์ฉํฉ๋๋ค. ๋ํ์ ์ธ ์๋ก๋ ์งง์.. 2025. 1. 8. ๋ค์ด๋ฒ ๋ฉค๋ฒ์ญ ๋ทํ๋ฆญ์ค ๋ฌด๋ฃ ์ฐ๊ฒฐ ๋ค์ด๋ฒ ๋ฉค๋ฒ์ญ ๋ทํ๋ฆญ์ค ๋ฌด๋ฃ ์ฐ๊ฒฐ์์ฆ ๋ค์ด๋ฒ ํ๋ฌ์ค ๋ฉค๋ฒ์ญ์ ๋ทํ๋ฆญ์ค ํํ์ด ์ถ๊ฐ๋๋ฉด์ ๊ด์ฌ์ด ํญ๋ฐ์ ์ผ๋ก ์ฆ๊ฐํ๊ณ ์์ต๋๋ค. ์ฌ๋ฌ ์คํธ๋ฆฌ๋ฐ ์๋น์ค๋ฅผ ์ฌ์ฉํ๋ค ๋ณด๋ฉด ๋น์ฉ ๋ถ๋ด์ด ์ปค์ง๊ธฐ ๋ง๋ จ์ธ๋ฐ์, ๋ค์ด๋ฒ ๋ฉค๋ฒ์ญ์ ํ์ฉํ๋ฉด ๋ทํ๋ฆญ์ค๋ฅผ ๋ ์ ๋ ดํ๊ฒ ์ฌ์ฉํ ์ ์๋ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค. ์ด ์๋น์ค๋ ๊ฒฝ์ ์ ์ธ ์ด์ ๋ฟ ์๋๋ผ ๋ค์ํ ์ฝํ ์ธ ์ ํํ์ ์ ๊ณตํ๋ฉฐ, ์ฌ์ฉ์์ ๋ง์กฑ๋๋ฅผ ๋์ด๊ณ ์์ต๋๋ค. ์ค๋์ ๋ค์ด๋ฒ ๋ฉค๋ฒ์ญ์ ํตํด ๋ทํ๋ฆญ์ค๋ฅผ ์ด๋ป๊ฒ ํจ์จ์ ์ผ๋ก ์ฌ์ฉํ ์ ์๋์ง ์๋ ค๋๋ฆฌ๊ฒ ์ต๋๋ค.๋ํ, ์ถ๊ฐ์ ์ผ๋ก ์ ๊ณต๋๋ ๋ค์ํ ํํ๊น์ง ์์ธํ ์์๋ณด๊ฒ ์ต๋๋ค.๋ค์ด๋ฒ ํ๋ฌ์ค ๋ฉค๋ฒ์ญ์ด๋ ๋ฌด์์ผ๊น?๋ค์ด๋ฒ ํ๋ฌ์ค ๋ฉค๋ฒ์ญ์ ๋ค์ด๋ฒ์์ ์ ๊ณตํ๋ ์ ๋ฃ ๊ตฌ๋ ์๋น์ค๋ก, ์ฌ์ฉ์๋ค์๊ฒ ๋ค์ํ ํํ์ ์ ๊ณตํฉ๋๋ค. ์ด ๋ฉค๋ฒ์ญ์ ์ผํ, ์ฝํ ์ธ , ํด๋ผ์ฐ๋.. 2024. 12. 5. ์ด์ 1 2 3 4 ยทยทยท 39 ๋ค์