[220316] TIL - ๋“œ๋””์–ด API ์„ค๊ณ„ ์™„๋ฃŒ!

2022. 3. 16. 23:23ยท ๊ฐœ๋ฐœ/๐Ÿ“ TIL
๋ชฉ์ฐจ
  1.  
  2. ๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š
728x90
๋ฐ˜์‘ํ˜•

 

๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š

 

 

 

โ—พ API ์„ค๊ณ„ ํšŒ์˜

๋งˆ์ง€๋ง‰ api์„ค๊ณ„ ํšŒ์˜๋ฅผ ๋งˆ์ณค๋‹ค. ๊ฐ™์€ ์ฑ„ํŒ…๋ฐฉ์ด์—ฌ๋„ ๊ทธ๋ฃน์ฑ„ํŒ…๋ฐฉ๊ณผ 1:1 ์ฑ„ํŒ…๋ฐฉ์— ๋Œ€ํ•œ ๋‚ด์šฉ๋„ ๋‹ฌ๋ผ์ง€๊ณ  ์œ ์ €๋ฅผ ์‹ ๊ณ ํ•˜๋Š” ๊ธฐ๋Šฅ๋„ ๋„ฃ์œผ๋ฉด์„œ ํšŒ์˜๋Š” ๊ธธ์–ด์ง€๊ณ  ์ƒ๊ฐํ•ด์•ผํ•  ๊ฒƒ๋“ค๋„ ๋งŽ์•˜๋‹ค. ๋‹จ์ˆœํžˆ ์‹ ๊ณ  ๊ธฐ๋Šฅ๋งŒ์„ ๋„ฃ๋Š”๋‹ค๊ณ  ๋์ด ์•„๋‹ˆ๋ผ ๊ธฐ์ค€์„ ์ •ํ•˜๊ณ  ์ดํ›„์— ์–ด๋–ป๊ฒŒ ์œ ์ €๋ฅผ ์ฒ˜๋ฆฌํ•  ๊ฒƒ์ธ๊ฐ€์— ๋Œ€ํ•œ ์ด์•ผ๊ธฐ๋“ค์„ ํ•˜๋ฉด์„œ ๊ฒฐ๊ตญ์€ ์ธ๋ ฅ์„ ๋”ํ•˜๊ฒŒ ๋˜์—ˆ์ง€๋งŒ. ์•ž์œผ๋กœ ๋ฐœ์ „์‹œ์ผœ๋‚˜๊ฐ€๋ฉด ๋˜์ง€ ์•Š๊ฒ ๋ƒ๋ฉฐ ํšŒ์˜๋ฅผ ๋งˆ๋ฌด๋ฆฌํ–ˆ๋‹ค. 

 

โ—พ React-Query

React Query๋ฅผ ์“ฐ๋Š” ๋ฒ•์„ ๋ฐฐ์› ๋‹ค. ์ฝ”๋“œ๋ฅผ ์ ์œผ๋ฉด์„œ ๋จธ๋ฆฟ์†์œผ๋กœ ์•„~ ํ•˜๋ฉฐ ์ดํ•ด๋ฅผ ํ–ˆ์ง€๋งŒ ๊ฐœ๋…์ ์ธ ๋ถ€๋ถ„์„ ๋‹ค์‹œ ์ •๋ฆฌํ•ด์•ผํ•  ํ•„์š”๊ฐ€ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. ๋ฐ์ดํ„ฐ fetch๋ฅผ ์—ฌ๋Ÿฌ๋ฒˆ ๋ฐ›์•„์˜ค๋Š” ์ƒํ™ฉ์—์„œ ๋งค๋ฒˆ ํŽ˜์ด์ง€๋ฅผ ๋„˜๋‚˜๋“ค ๋•Œ๋งˆ๋‹ค ๋ฐ์ดํ„ฐ๋ฅผ ์ƒˆ๋กœ ๋ฐ›์•˜๋Š”๋ฐ, React Query๋ฅผ ์“ฐ๋‹ˆ ๊ทธ๋Ÿด ํ•„์š”๊ฐ€ ์—†์—ˆ๋‹ค! ๋ฐ์ดํ„ฐ๊ฐ€ cacahing๋˜์–ด์„œ ์ž์—ฐ์Šค๋ ˆ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฒƒ ์•„๋‹Œ๊ฐ€!!๐Ÿ‘€!!

 

 

 

โญ ๊ณ„์†ํ•ด์„œ ์ด๋ ฅ์„œ๋ฅผ ๋„ฃ์œผ๋ฉด์„œ ๋‹ˆ๊ผฌ์Œค์˜ react-native๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ๋‹ค. ๋ฉด์ ‘์ค€๋น„๋„ ์†Œํ™€ํžˆ ํ•˜๋ฉด ์•ˆ ๋œ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ•˜๋Š”๋ฐ ํ˜น์‹œ๋‚˜ ๋‚˜์˜ ์ผ์ •์œผ๋กœ ๋‹ค๋ฅธ ์ผ์ •๋“ค์ด ๋ฏธ๋ค„์งˆ๊นŒ๋ด ์–ด๋А ํ•˜๋‚˜์—๋„ ์ œ๋Œ€๋กœ ์ง‘์ค‘์„ ๋ชปํ•˜๋Š” ๋А๋‚Œ์ด๋‹ค! ์ œ๋Œ€๋กœ ๋œ ์‹œ๊ฐ„ ๊ณ„ํš์ด ํ•„์š”ํ•˜๋‹ค!!

 

 

 

728x90

'๊ฐœ๋ฐœ > ๐Ÿ“ TIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[220319] TIL - Flutter vs React Native  (0) 2022.03.20
[220317] TIL  (0) 2022.03.17
[220315] TIL - ์กด๋ฒ„  (0) 2022.03.16
[220311] TIL  (0) 2022.03.12
[220310] TIL  (0) 2022.03.11
  1.  
  2. ๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š
'๊ฐœ๋ฐœ/๐Ÿ“ TIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [220319] TIL - Flutter vs React Native
  • [220317] TIL
  • [220315] TIL - ์กด๋ฒ„
  • [220311] TIL
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป Frontend Developer
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
Ming devlog
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
์ „์ฒด
์˜ค๋Š˜
์–ด์ œ

๊ณต์ง€์‚ฌํ•ญ

  • About Ming ๐Ÿฐ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (261)
    • ๊ฐœ๋ฐœ (255)
      • ๐Ÿ“ TIL (58)
      • โŒ ์˜ค๋ฅ˜ ๋…ธํŠธ (23)
      • React (23)
      • Next.js (11)
      • React-Native (6)
      • JavaScript (10)
      • Flutter (19)
      • Database (1)
      • ๐Ÿ’ฌ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ (21)
      • ๐Ÿ“š English (9)
      • Etc... (25)
      • โ›ต ํ•ญํ•ด99 (49)
    • ๐Ÿ’ป Dev (6)
      • ๐Ÿ“ TIL (4)
      • ๐Ÿ’ฌ Algorithm (1)
      • Etc... (1)

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ๊ฐœ๋ฐœ์ž์ผ๊ธฐ
  • TIL
  • ์ฝ”๋”ฉ๊ณต๋ถ€
  • ํ”Œ๋Ÿฌํ„ฐ
  • react
  • flutter
  • Firebase
  • Git
  • leetcode
  • react-native
  • twid
  • ์•Œ๊ณ ๋ฆฌ์ฆ˜
  • ์˜์–ด๊ณต๋ถ€
  • ํ•ญํ•ด99
  • github
  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ์ฝ”ํ…Œ
  • nextjs
  • ๋ฆฌ์•กํŠธ
  • ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ
  • ๋ถ€ํŠธ์บ ํ”„
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • ์ด์ฝ”๋…ธ๋ฏธ์ŠคํŠธ
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ
  • ReactNative
  • todaywhatidid
  • ์ฝ”ํ…Œ๊ณต๋ถ€
  • ๋ฆฌ์•กํŠธ๋„ค์ดํ‹ฐ๋ธŒ
  • ๊ฐœ๋ฐœ์žํšŒ๊ณ 

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

250x250
hELLO ยท Designed By ์ •์ƒ์šฐ.v4.2.1
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
[220316] TIL - ๋“œ๋””์–ด API ์„ค๊ณ„ ์™„๋ฃŒ!
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๊ฐœ์ธ์ •๋ณด

  • ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ
  • ํฌ๋Ÿผ
  • ๋กœ๊ทธ์ธ

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.