λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

Lect & Tip/node, Angular, React21

마이크둜 μΈν„°λž™μ…˜μ„ μ μš©ν•œ λ²„νŠΌ μ»΄ν¬λ„ŒνŠΈ λ””μžμΈ 마이크둜 μΈν„°λž™μ…˜μ„ μ μš©ν•œ λ²„νŠΌ μ»΄ν¬λ„ŒνŠΈ λ””μžμΈν˜„λŒ€ μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œλŠ” μ‚¬μš©μžκ°€ μ›Ή νŽ˜μ΄μ§€μ™€ μƒν˜Έμž‘μš©ν•  λ•Œ, λ‹¨μˆœνžˆ κΈ°λŠ₯적인 μš”μ†Œλ§Œμ΄ μ•„λ‹ˆλΌ μ„Έμ‹¬ν•œ λ””μžμΈκ³Ό λΆ€λ“œλŸ¬μš΄ μ• λ‹ˆλ©”μ΄μ…˜μ΄ κ²°ν•©λœ μΈν„°λž™μ…˜μ΄ μ‚¬μš©μž κ²½ν—˜(UX)을 크게 ν–₯μƒμ‹œν‚΅λ‹ˆλ‹€. 특히 λ²„νŠΌκ³Ό 같이 자주 ν΄λ¦­λ˜λŠ” UI μš”μ†Œμ—μ„œλŠ” 마이크둜 μΈν„°λž™μ…˜(Micro Interaction)을 μ μš©ν•˜μ—¬, μ‚¬μš©μžμ˜ 클릭 κ²½ν—˜μ„ κ·ΉλŒ€ν™”ν•  수 μžˆμŠ΅λ‹ˆλ‹€.이번 ν¬μŠ€νŒ…μ—μ„œλŠ” 마이크둜 μΈν„°λž™μ…˜μ˜ κ°œλ…κ³Ό μ€‘μš”μ„±, 그리고 이λ₯Ό λ²„νŠΌ μ»΄ν¬λ„ŒνŠΈμ— μ μš©ν•˜λŠ” ꡬ체적인 λ””μžμΈ 및 κ΅¬ν˜„ 방법에 λŒ€ν•΄ μƒμ„Ένžˆ μ„€λͺ…λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€.마이크둜 μΈν„°λž™μ…˜μ΄λž€?마이크둜 μΈν„°λž™μ…˜μ€ μ‚¬μš©μžμ˜ μž‘μ€ 행동에 λŒ€ν•΄ 즉각적이고 μ„Έλ°€ν•œ ν”Όλ“œλ°±μ„ μ œκ³΅ν•˜λŠ” μΈν„°λž™μ…˜μ„ μ˜λ―Έν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, λ²„νŠΌ 클릭 μ‹œ 살짝 λˆŒλ¦¬λŠ”.. 2025. 9. 10.
λ¦¬μ•‘νŠΈμ—μ„œμ˜ SVG 및 μ•„μ΄μ½˜ μ»΄ν¬λ„ŒνŠΈ λ³€ν™˜ λ¦¬μ•‘νŠΈμ—μ„œμ˜ SVG 및 μ•„μ΄μ½˜ μ»΄ν¬λ„ŒνŠΈ λ³€ν™˜ν˜„λŒ€ μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œλŠ” 해상도에 ꡬ애받지 μ•Šκ³  μ„ λͺ…ν•œ κ·Έλž˜ν”½μ„ μ œκ³΅ν•˜λŠ” 벑터 이미지, 특히 SVG(Scalable Vector Graphics)와 μ•„μ΄μ½˜μ˜ ν™œμš©μ΄ 점점 더 μ€‘μš”ν•΄μ§€κ³  μžˆμŠ΅λ‹ˆλ‹€. SVGλŠ” ν”½μ…€ 기반이 μ•„λ‹Œ μˆ˜ν•™μ  μ’Œν‘œλ‘œ 그림을 ν‘œν˜„ν•˜κΈ° λ•Œλ¬Έμ—, μ–΄λ–€ λ””λ°”μ΄μŠ€μ—μ„œλ„ 깨지지 μ•Šκ³  μ„ λͺ…ν•˜κ²Œ λ Œλ”λ§λ©λ‹ˆλ‹€. μ΄λŸ¬ν•œ νŠΉμ„±μ€ λ°˜μ‘ν˜• μ›Ή λ””μžμΈκ³Ό 고해상도 λ””μŠ€ν”Œλ ˆμ΄μ—μ„œ 맀우 μœ μš©ν•˜λ©°, λ¦¬μ•‘νŠΈμ™€ κ²°ν•©ν•˜λ©΄ ν™•μž₯μ„±κ³Ό μž¬μ‚¬μš©μ„±μ„ λ†’μ—¬ UI/UXλ₯Ό κ·ΉλŒ€ν™”ν•  수 μžˆμŠ΅λ‹ˆλ‹€.이번 ν¬μŠ€νŒ…μ—μ„œλŠ” SVG 이미지와 μ•„μ΄μ½˜μ„ λ¦¬μ•‘νŠΈ μ»΄ν¬λ„ŒνŠΈλ‘œ λ³€ν™˜ν•˜λŠ” 방법, 이λ₯Ό 톡해 μ½”λ“œμ˜ μž¬μ‚¬μš©μ„±κ³Ό μœ μ§€λ³΄μˆ˜μ„±μ„ ν–₯μƒμ‹œν‚€λŠ” 방법, 그리고 벑터 기반 κ·Έλž˜ν”½μ˜ μž₯점을 ν™œμš©ν•˜μ—¬ μ‚¬μš©μž κ²½ν—˜μ„ κ°œμ„ ν•˜λŠ”.. 2025. 9. 4.
λ‹€κ΅­μ–΄ 지원을 μœ„ν•œ λ¦¬μ•‘νŠΈ μ»΄ν¬λ„ŒνŠΈ i18n κ΅¬ν˜„ 방법 λ‹€κ΅­μ–΄ 지원을 μœ„ν•œ λ¦¬μ•‘νŠΈ μ»΄ν¬λ„ŒνŠΈ i18n κ΅¬ν˜„ λ°©λ²•μ΅œκ·Ό κΈ€λ‘œλ²Œ μ‹œμž₯으둜 ν™•μž₯λ˜λŠ” μ›Ή μ„œλΉ„μŠ€μ—μ„œλŠ” λ‹€μ–‘ν•œ 언어와 λ¬Έν™”κΆŒμ˜ μ‚¬μš©μžλ₯Ό μ§€μ›ν•˜λŠ” λ‹€κ΅­μ–΄ κΈ°λŠ₯이 ν•„μˆ˜μ μž…λ‹ˆλ‹€. λ¦¬μ•‘νŠΈ(React)λ₯Ό μ‚¬μš©ν•˜λŠ” ν”„λ‘œμ νŠΈμ—μ„œλ„ κ΅­μ œν™”(i18n) κΈ°λŠ₯을 μ μš©ν•˜μ—¬ μ‚¬μš©μžμ—κ²Œ λ§žμΆ€ν˜• μ–Έμ–΄ ν™˜κ²½μ„ μ œκ³΅ν•  수 μžˆμŠ΅λ‹ˆλ‹€.이번 ν¬μŠ€νŒ…μ—μ„œλŠ” λŒ€ν‘œμ μΈ κ΅­μ œν™” 라이브러리인 react-i18next와 ν•¨κ»˜ λ¦¬μ•‘νŠΈ μ»΄ν¬λ„ŒνŠΈλ₯Ό μ„€κ³„ν•˜κ³  λ‹€κ΅­μ–΄ 지원 κΈ°λŠ₯을 κ΅¬ν˜„ν•˜λŠ” 방법을 ꡬ체적으둜 μ‚΄νŽ΄λ³΄κ² μŠ΅λ‹ˆλ‹€.κ΅­μ œν™”(i18n)의 μ€‘μš”μ„±κ³Ό λ¦¬μ•‘νŠΈμ—μ„œμ˜ 적용 ν•„μš”μ„±λ‹€κ΅­μ–΄ 지원은 λ‹¨μˆœνžˆ μ—¬λŸ¬ μ–Έμ–΄λ‘œ λ²ˆμ—­λœ ν…μŠ€νŠΈλ₯Ό λ³΄μ—¬μ£ΌλŠ” 것을 λ„˜μ–΄, μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€(UI), λ‚ μ§œ 및 숫자 ν˜•μ‹, 화폐 λ‹¨μœ„ λ“± λ‹€μ–‘ν•œ 문화적 μš”μ†Œλ₯Ό λ°˜μ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. κΈ€λ‘œλ²Œ μ„œλΉ„μŠ€λ₯Ό μ œκ³΅ν•˜.. 2025. 9. 1.
λ¦¬μ•‘νŠΈμ™€ μ›Ήμ†ŒμΌ“ μ‹€μ‹œκ°„ μ±„νŒ… 및 λ©”μ‹œμ§€ μ»΄ν¬λ„ŒνŠΈ 개발 μ˜ˆμ‹œ λ¦¬μ•‘νŠΈμ™€ μ›Ήμ†ŒμΌ“ μ‹€μ‹œκ°„ μ±„νŒ… 및 λ©”μ‹œμ§€ μ»΄ν¬λ„ŒνŠΈ 개발 μ˜ˆμ‹œν˜„λŒ€ μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ μ‹€μ‹œκ°„ μ†Œν†΅ κΈ°λŠ₯은 μ‚¬μš©μž κ²½ν—˜(UX)을 κ·ΉλŒ€ν™”ν•˜λŠ” μ€‘μš”ν•œ μš”μ†Œμž…λ‹ˆλ‹€. 특히, μ±„νŒ… μ‹œμŠ€ν…œμ΄λ‚˜ μ•Œλ¦Ό κΈ°λŠ₯은 μ‚¬μš©μžκ°€ μ›Ή μ„œλΉ„μŠ€λ₯Ό 보닀 직관적이고 μ¦‰κ°μ μœΌλ‘œ ν™œμš©ν•  수 있게 ν•΄μ€λ‹ˆλ‹€.이번 ν¬μŠ€νŒ…μ—μ„œλŠ” μ›Ήμ†ŒμΌ“(WebSocket)κ³Ό λ¦¬μ•‘νŠΈλ₯Ό ν™œμš©ν•˜μ—¬ μ‹€μ‹œκ°„ μ±„νŒ… μ‹œμŠ€ν…œ 및 λ©”μ‹œμ§€ μ»΄ν¬λ„ŒνŠΈλ₯Ό κ΅¬ν˜„ν•˜λŠ” 방법과 UI ꡬ성 사둀에 λŒ€ν•΄ μƒμ„Ένžˆ μ„€λͺ…λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€.μ‹€μ‹œκ°„ ν†΅μ‹ μ˜ ν•„μš”μ„±κ³Ό μ›Ήμ†ŒμΌ“ κ°œμš”μ „ν†΅μ μΈ HTTP μš”μ²­ 방식은 μ‚¬μš©μžκ°€ μš”μ²­μ„ 보낼 λ•Œλ§ˆλ‹€ μ„œλ²„λ‘œλΆ€ν„° 응닡을 λ°›μ•„μ•Ό ν•˜κΈ° λ•Œλ¬Έμ— μ‹€μ‹œκ°„ 데이터 μ—…λ°μ΄νŠΈκ°€ μ–΄λ ΅μŠ΅λ‹ˆλ‹€. 반면 μ›Ήμ†ŒμΌ“μ€ ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„ 간에 지속적인 연결을 μœ μ§€ν•˜λ©°, μ–‘λ°©ν–₯ 톡신을 κ°€λŠ₯ν•˜κ²Œ ν•©λ‹ˆλ‹€. 이λ₯Ό 톡해 μ‚¬μš©μž.. 2025. 8. 29.
REACT Axios, fetch API, SWR, React Query μ„œλ²„ 톡신 및 데이터 페칭 μ΅œμ ν™” μ»΄ν¬λ„ŒνŠΈ REACT Axios, fetch API, SWR, React Query μ„œλ²„ 톡신 및 데이터 페칭 μ΅œμ ν™” μ»΄ν¬λ„ŒνŠΈν˜„λŒ€ μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ€ λ‹€μ–‘ν•œ 데이터λ₯Ό μ„œλ²„μ™€ μ£Όκ³ λ°›μœΌλ©° λ™μž‘ν•©λ‹ˆλ‹€. λ”°λΌμ„œ, 효율적이고 μ•ˆμ •μ μΈ 데이터 νŽ˜μΉ­μ€ μ‚¬μš©μž κ²½ν—˜κ³Ό μ• ν”Œλ¦¬μΌ€μ΄μ…˜ μ„±λŠ₯에 직접적인 영ν–₯을 λ―ΈμΉ©λ‹ˆλ‹€.이번 ν¬μŠ€νŒ…μ—μ„œλŠ” REACT axios, fetch API, SWR, React Query λ“± λ‹€μ–‘ν•œ 도ꡬλ₯Ό ν™œμš©ν•˜μ—¬ μ„œλ²„μ™€μ˜ 톡신을 μ΅œμ ν™”ν•˜κ³ , 데이터 νŽ˜μΉ­μ„ 효과적으둜 관리할 수 μžˆλŠ” μ»΄ν¬λ„ŒνŠΈ λ””μžμΈ μ „λž΅μ— λŒ€ν•΄ μžμ„Ένžˆ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€.REACT μ„œλ²„ 톡신 및 데이터 페칭의 μ€‘μš”μ„±λ°μ΄ν„° 페칭 μ΅œμ ν™”λŠ” μ—¬λŸ¬ μΈ‘λ©΄μ—μ„œ μ€‘μš”ν•©λ‹ˆλ‹€.λΉ λ₯Έ 응닡 속도: μ„œλ²„μ™€μ˜ 톡신 지연 μ‹œκ°„μ„ μ΅œμ†Œν™”ν•˜μ—¬, μ‚¬μš©μžμ—κ²Œ λΉ λ₯Έ ν”Όλ“œλ°±μ„ μ œκ³΅ν•©λ‹ˆλ‹€.λ„€νŠΈ.. 2025. 8. 21.
λ¦¬μ•‘νŠΈ μ»€μŠ€ν…€ 폼 μ»΄ν¬λ„ŒνŠΈμ™€ μœ νš¨μ„± 검사 기법 λ¦¬μ•‘νŠΈ μ»€μŠ€ν…€ 폼 μ»΄ν¬λ„ŒνŠΈμ™€ μœ νš¨μ„± 검사 κΈ°λ²•λ¦¬μ•‘νŠΈ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ 폼은 μ‚¬μš©μž μž…λ ₯을 λ°›μ•„ 데이터λ₯Ό μ²˜λ¦¬ν•˜λŠ” 핡심 μš”μ†Œμž…λ‹ˆλ‹€. λ‹¨μˆœν•œ μž…λ ₯ μš”μ†ŒλΆ€ν„° λ³΅μž‘ν•œ νΌκΉŒμ§€ λ‹€μ–‘ν•œ ν˜•νƒœμ˜ 폼 μ»΄ν¬λ„ŒνŠΈλ₯Ό κ΅¬ν˜„ν•˜λ©΄μ„œ, μœ νš¨μ„± 검사와 였λ₯˜ 처리λ₯Ό 효과적으둜 μ μš©ν•˜λŠ” 것은 μ‚¬μš©μž κ²½ν—˜(UX) ν–₯상과 μ• ν”Œλ¦¬μΌ€μ΄μ…˜ μ•ˆμ •μ„±μ— 큰 영ν–₯을 λ―ΈμΉ©λ‹ˆλ‹€.이번 ν¬μŠ€νŒ…μ—μ„œλŠ” λ¦¬μ•‘νŠΈμ—μ„œ μ»€μŠ€ν…€ 폼 μ»΄ν¬λ„ŒνŠΈλ₯Ό κ΅¬μ„±ν•˜λŠ” 방법과 ν•¨κ»˜, λŒ€ν‘œμ μΈ 폼 관리 라이브러리인 Formikκ³Ό React Hook Form을 ν™œμš©ν•˜μ—¬ μœ νš¨μ„± 검사 및 였λ₯˜ 처리λ₯Ό κ΅¬ν˜„ν•˜λŠ” 방법에 λŒ€ν•΄ μžμ„Ένžˆ μ„€λͺ…ν•˜κ² μŠ΅λ‹ˆλ‹€.폼 μ»΄ν¬λ„ŒνŠΈ κ΅¬μ„±μ˜ μ€‘μš”μ„±νΌ μ»΄ν¬λ„ŒνŠΈλŠ” λ‹¨μˆœνžˆ 데이터λ₯Ό μž…λ ₯λ°›λŠ” 역할을 λ„˜μ–΄μ„œ, μ‚¬μš©μžμ™€μ˜ μΈν„°λž™μ…˜μ„ 톡해 λ°μ΄ν„°μ˜ 정확성을 보μž₯ν•˜κ³ , 였λ₯˜ λ°œμƒ μ‹œ λͺ…ν™•ν•œ .. 2025. 8. 19.
λ¦¬μ•‘νŠΈ) λ°˜μ‘ν˜• λ„€λΉ„κ²Œμ΄μ…˜ λ°” 및 λ“œλ‘­λ‹€μš΄ 메뉴 μ»΄ν¬λ„ŒνŠΈ κ΅¬ν˜„ λ°˜μ‘ν˜• λ„€λΉ„κ²Œμ΄μ…˜ λ°” 및 λ“œλ‘­λ‹€μš΄ 메뉴 μ»΄ν¬λ„ŒνŠΈ κ΅¬ν˜„ν˜„λŒ€ μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œλŠ” λ‹€μ–‘ν•œ λ””λ°”μ΄μŠ€ ν™˜κ²½μ— 맞좰 UIλ₯Ό μ΅œμ ν™”ν•˜λŠ” 것이 맀우 μ€‘μš”ν•©λ‹ˆλ‹€. 특히, λ°˜μ‘ν˜• λ„€λΉ„κ²Œμ΄μ…˜ 바와 λ“œλ‘­λ‹€μš΄ λ©”λ‰΄λŠ” μ‚¬μš©μžκ°€ μ›Ήμ‚¬μ΄νŠΈ λ‚΄μ—μ„œ μ‰½κ²Œ 탐색할 수 μžˆλ„λ‘ λ•λŠ” 핡심 μš”μ†Œμž…λ‹ˆλ‹€.이번 ν¬μŠ€νŒ…μ—μ„œλŠ” λ°˜μ‘ν˜• μ›Ή λ””μžμΈμ„ κ³ λ €ν•œ λ„€λΉ„κ²Œμ΄μ…˜ 바와 λ“œλ‘­λ‹€μš΄ λ©”λ‰΄μ˜ UI/UX λ””μžμΈ νŒ¨ν„΄κ³Ό κ΅¬ν˜„ 방법을 μƒμ„Ένžˆ μ‚΄νŽ΄λ³΄κ³ , μ‹€μ œ μ½”λ“œ μ˜ˆμ œμ™€ ν•¨κ»˜ 단계별 κ΅¬ν˜„ μ „λž΅μ„ μ†Œκ°œν•˜κ² μŠ΅λ‹ˆλ‹€.λ°˜μ‘ν˜• λ„€λΉ„κ²Œμ΄μ…˜ λ°”μ˜ ν•„μš”μ„±κ³Ό κΈ°λ³Έ μ›μΉ™λ°˜μ‘ν˜• μ›Ή λ””μžμΈμ€ λ°μŠ€ν¬νƒ‘, νƒœλΈ”λ¦Ώ, λͺ¨λ°”일 λ“± λ‹€μ–‘ν•œ ν™”λ©΄ 크기에 따라 μœ λ™μ μΈ λ ˆμ΄μ•„μ›ƒμ„ μ μš©ν•˜λŠ” 것을 λͺ©ν‘œλ‘œ ν•©λ‹ˆλ‹€. λ„€λΉ„κ²Œμ΄μ…˜ λ°”λŠ” μ‚¬μš©μžκ°€ μ‚¬μ΄νŠΈ 전체λ₯Ό 탐색할 수 μžˆλ„λ‘ μ€‘μš”ν•œ 메뉴듀을 μ œκ³΅ν•˜λŠ”λ°, λ°˜μ‘ν˜•.. 2025. 8. 15.
React JS 데이터피컀 μ΅œμ†Œ/μ΅œλŒ€ λ‚ μ§œ μ„€μ • κ°€μ΄λ“œ React JS 데이터피컀 μ΅œμ†Œ/μ΅œλŒ€ λ‚ μ§œ μ„€μ • κ°€μ΄λ“œμ΅œκ·Ό μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜ κ°œλ°œμ—μ„œ μ‚¬μš©μž μΉœν™”μ μΈ μΈν„°νŽ˜μ΄μŠ€λ₯Ό κ΅¬μ„±ν•˜λŠ” 데 μ€‘μš”ν•œ μš”μ†Œ 쀑 ν•˜λ‚˜κ°€ λ‚ μ§œ 선택 κΈ°λŠ₯μž…λ‹ˆλ‹€. Reactλ₯Ό λΉ„λ‘―ν•œ μ΅œμ‹  ν”„λ‘ νŠΈμ—”λ“œ ν”„λ ˆμž„μ›Œν¬μ—μ„œλŠ” λ‹€μ–‘ν•œ λ‚ μ§œ 선택 μ»΄ν¬λ„ŒνŠΈλ₯Ό μ œκ³΅ν•˜κ³  있으며, κ·Έ μ€‘μ—μ„œλ„ JavaScript 기반의 λ°μ΄ν„°ν”Όμ»€λŠ” μ‚¬μš©μžκ°€ μ›ν•˜λŠ” λ‚ μ§œ λ²”μœ„λ₯Ό μ†μ‰½κ²Œ 선택할 수 μžˆλ„λ‘ λ„μ™€μ€λ‹ˆλ‹€.μ˜€λŠ˜μ€ Reactμ—μ„œ JS 데이터피컀λ₯Ό ν™œμš©ν•˜μ—¬ μ΅œμ†Œ λ‚ μ§œμ™€ μ΅œλŒ€ λ‚ μ§œλ₯Ό μ„€μ •ν•˜λŠ” 방법에 λŒ€ν•΄ μžμ„Έν•˜κ²Œ μ•Œμ•„λ³΄λ„λ‘ ν•˜κ² μŠ΅λ‹ˆλ‹€.λ°μ΄ν„°ν”Όμ»€μ˜ ν•„μš”μ„±κ³Ό κΈ°λ³Έ κ°œλ…μ›Ή νΌμ΄λ‚˜ μ˜ˆμ•½ μ‹œμŠ€ν…œ, 일정 관리 λ“± μ—¬λŸ¬ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ λ‚ μ§œ 선택 κΈ°λŠ₯은 ν•„μˆ˜μ μž…λ‹ˆλ‹€. λ‹¨μˆœνžˆ μ‚¬μš©μžκ°€ μž„μ˜μ˜ λ‚ μ§œλ₯Ό μž…λ ₯ν•˜λ„λ‘ λ‘λŠ” λŒ€μ‹ , 미리 정해진 λ²”μœ„ λ‚΄μ—μ„œ.. 2025. 2. 12.
λ¦¬μ•‘νŠΈ 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.

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”