πŸŽ„ μ„±μž₯일지 4.0

μ±… ν–‰λ³΅ν•œ 이기주의자(웨인 닀이어)의 λ‚΄μš©μ— μžκ·Ήλ°›μ•„ μ‹œμž‘ν•˜λŠ” μ†Œλ°•ν•œ μ„±μž₯기둝

μ‚΄μ•„μžˆλŠ” 꽃과 죽은 꽃은 μ–΄λ–»κ²Œ κ΅¬λ³„ν•˜λŠ”κ°€?
μ„±μž₯ν•˜κ³  μžˆλŠ” 것이 μ‚΄μ•„ μžˆλŠ” 것이닀.
생λͺ…μ˜ μœ μΌν•œ μ¦κ±°λŠ” μ„±μž₯이닀!

🌳 (1.0)ν‚€μ›Œλ“œ
μ΅œλŒ€ν•œ κ°„λ‹¨ν•˜κ²Œ 정리, 좔후에 λ³΄λ©΄μ„œ 슀슀둜 μ„€λͺ…
πŸ‰ (2.0)κ²½ν—˜ μœ„μ£Όλ‘œ
λ‹¨μˆœ 정보λ₯Ό μ „λ‹¬ν•˜κΈ°λ³΄λ‹€ 무엇을 λ°°μ› κ³  μ–΄λ–»κ²Œ ν•΄κ²°ν–ˆλŠ”μ§€ 짧고 κ°„λ‹¨ν•˜κ²Œ μž‘μ„±
❄️ (3.0)정해진 ν…œν”Œλ¦Ώμ— λ§žμΆ°μ„œ
ν‚€μ›Œλ“œ, κ²½ν—˜ λͺ¨λ‘ μ’‹λ‹€. λ‹€λ§Œ 맀일 μž‘μ„±ν•˜κΈ°λ‘œ 마음 λ¨Ήμ€λ§ŒνΌ ν•΅μ‹¬λ§Œ κ°„κ²°ν•˜κ²Œ 정리할 수 있게 ν…œν”Œλ¦Ώμ„ μž‘μ„±
(3.1)230102λΆ€ν„° μ‹œμž‘λ˜λŠ” ν•™μŠ΅μ— κ΄€ν•œ λ‚΄μš© μΆ”κ°€
(3.2)230313λΆ€ν„° 쒀더 κ²½ν—˜, 감정 μœ„μ£Όμ˜ λ‚΄μš©λ„ λ‹΄κΈ°!
🌾 (4.0)ν•™μŠ΅ ν‚€μ›Œλ“œμ—μ„œ μ΅œλŒ€ν•œ κ°„λ‹¨ν•œ 정보 제곡, κ³ λ―Όμ—μ„œ λ‚΄ κ²½ν—˜μ„ μžμ„Ένžˆ 적자!

πŸ”‘ 였늘의 ν•™μŠ΅ ν‚€μ›Œλ“œ

λ¦¬μ•‘νŠΈ 쿼리

λ¦¬μ•‘νŠΈ 쿼리λ₯Ό 아직 짧게 κ³΅λΆ€ν–ˆμ§€λ§Œβ€¦ λ„ˆλ¬΄ λ„ˆλ¬΄ λ§ˆμŒμ— λ“ λ‹€. γ…‹γ…‹γ…‹γ…‹γ…‹ κ³΅μ‹λ¬Έμ„œ λ‚΄μš©μ„ μ•„μ£Ό 쑰금 μ‚΄νŽ΄λ³΄μžλ©΄

Toss out that granular state management, manual refetching and endless bowls of async-spaghetti code. TanStack Query gives you declarative, always-up-to-date auto-managed queries and mutations that directly improve both your developer and user experiences.

(λ‚΄ 생각) κ³΅μ‹λ¬Έμ„œλ₯Ό 읽닀보면 mutation(λŒμ—°λ³€μ΄)λΌλŠ” 단어가 자주 λ“±μž₯ν•˜λŠ”λ°, κ·Έλƒ₯ κ°„λ‹¨ν•˜κ²Œ μ–΄λ–€ κΈ°λŠ₯을 μ‚¬μš©ν•˜κΈ° νŽΈν•˜κ²Œ μ œκ³΅ν•΄μ£ΌλŠ” api라고 μƒκ°ν•˜λ©΄ 될 것 κ°™λ‹€. μ‚¬μš©ν•˜κΈ° νŽΈν•˜κ²Œ 가곡해놓은 λ³€ν˜•λœ ν˜•νƒœλ₯Ό λ§ν•˜λŠ” λ“―!

DECLARATIVE & AUTOMATIC Writing your data fetching logic by hand is over. Tell TanStack Query where to get your data and how fresh you need it to be and the rest is automatic. It handles caching, background updates and stale data out of the box with zero-configuration

data fetchingν•˜λŠ” λ‘œμ§μ„ μž‘μ„±ν•˜λŠ” κ±Έ μ‰½κ²Œ ν•΄μ€€λ‹€. 캐싱, λ°±κ·ΈλΌμš΄λ“œ μ—…λ°μ΄νŠΈ, 케케묡은 데이터 등을 λͺ¨λ‘ 핸듀링해쀀닀. λ”±νžˆ μ–΄λ–€ μ„€μ • 없이!

SIMPLE & FAMILIAR If you know how to work with promises or async/await, then you already know how to use TanStack Query. There’s no global state to manage, reducers, normalization systems or heavy configurations to understand. Simply pass a function that resolves your data (or throws an error) and the rest is history.

μ „μ—­ μƒνƒœ 관리, λ¦¬λ“€μ„œ, μ‹œμŠ€ν…œ λ…Έλ§λ¦¬μ œμ΄μ…˜, κ±°λŒ€ν•œ μ„€μ • λ“± λͺ¨λ‘ μ—†λ‹€.

EXTENSIBLE TanStack Query is configurable down to each observer instance of a query with knobs and options to fit every use-case. It comes wired up with dedicated devtools, infinite-loading APIs, and first class mutation tools that make updating your data a breeze. Don’t worry though, everything is pre-configured for success!

νŠΉμˆ˜ν•œ κ°œλ°œλ„κ΅¬, λ¬΄ν•œ λ‘œλ”© api, λ‹Ήμ‹ μ˜ 데이터λ₯Ό μ—…λ°μ΄νŠΈν•˜κΈ° μœ„ν•œ λ³€ν˜•λœ 도ꡬλ₯Ό μ œκ³΅ν•œλ‹€.

λ²ˆμ—­μ΄λΌκΈ°μ—” μ• λ§€ν•˜κ³  κ·Έλƒ₯ 핡심적인 λΆ€λΆ„λ“€λ§Œ μ μ–΄λ‘μ—ˆλ‹€. λ¦¬μ•‘νŠΈ μΏΌλ¦¬μ—μ„œ μ œκ³΅ν•˜λŠ” 정말 λ‹€μ–‘ν•œ κΈ°λŠ₯λ“€(νŠΉνžˆλ‚˜ μ„œλ²„μƒνƒœ κ΄€λ ¨λœ 캐싱, 데이터 stale 관리 λ“±) 그리고 자체적인 devtoolκΉŒμ§€β€¦ λͺ¨λ‘ λ‹€ κ°λ™μ΄μ—ˆλ‹€. 이런 라이브러리λ₯Ό κ°œλ°œν•˜λŠ” μ‚¬λžŒλ“€μ€ μ–Όλ§ˆλ‚˜ μž¬λ―Έμžˆμ„κΉŒ..? λ‚˜λ„ λ°˜λ“œμ‹œ λ‚˜μ€‘μ— 이런 μ˜€ν”ˆμ†ŒμŠ€μ— κΈ°μ—¬ν•˜κ±°λ‚˜ κ°œλ°œν•  수 μžˆλŠ” μ‚¬λžŒμ΄ 되고 μ‹Άλ‹€..!(뜬금 κ³ λ°±)

포슀트맨

ν¬μŠ€νŠΈλ§¨μ„ κ°„λ‹¨ν•˜κ²Œ rest api μš”μ²­μ„ 보낼 λ•Œλ§Œ μ‚¬μš©ν–ˆμ—ˆλŠ”λ°, 이번 ν”„λ‘œμ νŠΈμ—μ„œλŠ” μ’€ μ œλŒ€λ‘œ 닀뀄보렀 ν•œλ‹€. μš°μ„  μ‚¬μš©ν•˜λŠ” apiλ₯Ό μ†μ‰½κ²Œ 관리할 수 μžˆλŠ” 점이 μ°Έ 맀λ ₯적인 κ±° κ°™λ‹€. 이외에도 λ‹€μ–‘ν•œ κΈ°λŠ₯듀이 μžˆλŠ” 것 같은데, λ‹Ήμž₯은 ν”„λ‘œμ νŠΈμ—μ„œ μ‚¬μš©ν•˜λŠ” api듀을 κ΄€λ¦¬ν•˜κ³  mock data μ–»μ–΄μ˜€λŠ” μ •λ„λ‘œ μ‚¬μš©ν•΄λ³΄λ € ν•œλ‹€.

πŸ“ μš”μ•½ 및 ν•˜λ£¨ 간단 회고

κ³΅μ‹λ¬Έμ„œ..! κ³΅μ‹λ¬Έμ„œλ₯Ό 보자! λͺ¨λ“  게 λ‹€ μžˆλ‹€! 정말 맀λ ₯적이고 ν₯미둜운 κΈ°μˆ λ“€μ΄ λ§Žμ€ 것 κ°™λ‹€. μ‚¬λžŒμ˜ μ·¨ν–₯μ΄κ² μ§€λ§Œ, λ‚΄κ°€ λ§ˆμŒμ— λ“œλŠ” κΈ°μˆ λ“€μ€ λ”± 컨셉을 보자마자 μ•„ 이거 λ§˜μ— λ“ λ‹€. λŠλ‚Œμ΄ μ˜¨λ‹€. γ…‹γ…‹γ…‹γ…‹γ…‹ 그리고 그런 κΈ°μˆ λ“€μ€ 배울 λ•Œ λ­”κ°€ 더 애착이 κ°„λ‹€.

μ˜€λŠ˜μ€ 핑계λ₯Ό λŒ€μžλ©΄ 어린이날, ν•˜λ£¨μ’…μΌ 흐리고 λΉ„, κΈˆμš”μΌ, λ°©ν•™ μ΄λΌμ„œ κ·ΈλŸ°κ°€~ 곡뢀λ₯Ό μ•„μ£Ό 효율적으둜 μ›ν•˜λŠ”λ§ŒνΌ ν•˜μ§„ λͺ»ν–ˆλ‹€. κ·Έλž˜λ„ 이런 λ‚ μΉ˜κ³ λŠ” 마음 잘 작고 μ§‘μ€‘ν•΄μ„œ κ³΅λΆ€ν–ˆμœΌλ‹ˆ λ„ˆλ¬΄ λ‚΄ μžμ‹ μ„ λ‚˜λ¬΄λΌμ§€ 말자~

였늘의 μž˜ν•œ 점

  • λ§ˆμŒμ— λ“œλŠ” κΈ°μˆ μ„ λ°œκ²¬ν•œ 점
  • μ—¬λŸ¬κ°€μ§€ 곡뢀 집쀑을 λͺ»ν•  상황듀에도 κ³΅λΆ€ν•œ 점

였늘의 μ•„μ‰¬μš΄ 점

  • μ•„μ£Ό μͺΌκΈˆλ§Œ 더 κ³΅λΆ€ν–ˆμ—ˆλ”λΌλ„ μ’‹μ•˜μ„λ“―..?!

μ°Έκ³