Daily/Today I Learned

22.06.15_TIL

ํ˜ธ๋ฐ€์ด 2022. 6. 15. 22:30

๐Ÿ“Œ ์‹ค์ œ API์ •๋ณด๋ฅผ ๋ฐ›์•„์™€์„œ ๋ฆฌ์ŠคํŠธ๋ฅผ ์ถœ๋ ฅํ•˜๋ฉฐ ํ•„ํ„ฐ๋ฅผ ์ž‘์„ฑํ•˜๊ณ , json ํŒŒ์ผ์„ ํ”„๋กœ๋ฏธ์Šคํ˜•ํƒœ๋กœ ๋„˜๊ฒจ์„œ ์ถœ๋ ฅํ•˜๋Š” ๋‚ด์šฉ์„ ์ง„ํ–‰ํ•˜๋Š”๋ฐ ๋„ˆ๋ฌด ์žฌ๋ฏธ์žˆ์„ ๊ฒƒ๊ฐ™๋‹ค.

 

 

๐Ÿ“— ์˜ค๋Š˜ ํ•™์Šตํ•œ ๋‚ด์šฉ

React

  • API ํ˜ธ์ถœ
    1. API๊ฐ€ ์ž‘์„ฑ๋œ URL์„ ๋ฐ›์•„์˜จ๋‹ค.
    2. fetch๋กœ json ํ˜•์‹์œผ๋กœ ๋ฐ›์€ ๋’ค value๋ฅผ return ํ•œ๋‹ค.
    3. value๋ฅผ ์‚ฌ์šฉํ•ด ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•œ๋‹ค.

 

 

๐Ÿ“˜ ์ถ”๊ฐ€๋กœ ๊ณต๋ถ€ํ•  ๋‚ด์šฉ

React

  • CRUD ๊ตฌํ˜„ํ•˜๊ธฐ
    • ๊ธฐ๋ณธํ‹€ ์žก๊ธฐ
    • ๋”๋ฏธ๋ฐ์ดํ„ฐ ์ƒ์„ฑ
    • ์ปดํฌ๋„ŒํŠธ ๋ถ„๋ฆฌ

 

 

๐Ÿ“ ์˜ค๋Š˜ ๋Š๋‚€ ์  & ๋งˆ์Œ ๊ฐ€์ง

  • React๋ฅผ ๊ฐ•์˜ ์—†์ด ํ˜ผ์ž ์Šค์Šค๋กœ ๋งŒ๋“ค์–ด ๋ณด์ž๊ณ  ๊ฒฐ์‹ฌํ•œ์ง€ 4์ผ ์ •๋„ ์ง€๋‚˜์„œ ๊ธฐํš -> ๊ธฐ๋ณธํ‹€๊นŒ์ง€ ์™„์„ฑํ–ˆ๋‹ค.
  • ์•ž์œผ๋กœ ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ์กฐ๊ธˆ ๋” ํ•œ๋‹ค๋ฉด ์™„์„ฑ๋  ๊ฒƒ์ด๋‹ค... ๋‚˜๋Š” ํ•  ์ˆ˜ ์žˆ๋‹ค!
  • ๊ทธ๋ฆฌ๊ณ  ๊ธฐ๋ณธํ‹€์ด ๋„ˆ๋ฌด ์ด์˜์ง€ ์•Š๋‹ค.... ๋†“์น˜๊ณ  ์žˆ๋˜ CSS๋ฅผ ์‹œ๊ฐ„์ด ๋‚ ๋•Œ๋งˆ๋‹ค ์ž‘์—…ํ•ด ๋ด์•ผ๊ฒ ๋‹ค.

'Daily > Today I Learned' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

22.06.17_TIL  (0) 2022.06.17
22.06.16_TIL  (0) 2022.06.16
22.06.14_TIL  (0) 2022.06.14
22.06.13_TIL  (0) 2022.06.13
22.06.11_TIL  (4) 2022.06.11