WIL 6์ฃผ์ฐจ

hyena_leeยท2023๋…„ 1์›” 22์ผ
0

WIL

๋ชฉ๋ก ๋ณด๊ธฐ
10/21
post-thumbnail

๐Ÿ—“๏ธ๋ฐฐ์šด ๋‚ด์šฉ

  1. ํ”„๋กœํ† ํƒ€์ž…
  2. Beesbeesbess
  3. underbar
  4. ๋น„๋™๊ธฐ
  5. ํƒ€์ด๋จธ API
  6. Node.js
  7. Fetch API
  8. React Intro

๐ŸŒˆํšŒ๊ณ 

์ด๋ฒˆ์ฃผ๋Š” ํŽ˜์–ด์™€ ํ•จ๊ป˜ ๊ณผ์ œ๋ฅผ 4๊ฐœ ์ˆ˜ํ–‰์„ ํ–ˆ๋‹ค. ๋ฌผ๋ก  ๋‹ค ๊ฐ™์€ ํŽ˜์–ด๋Š” ์•„๋‹ˆ๊ณ  ๊ณผ์ œ๋ฅผ ํ• ๋•Œ๋งˆ๋‹ค ํŽ˜์–ด๊ฐ€ ๋ฐ”๋€๋‹ค. ๋งค์ผ ์•„์นจ ๋ฐ์ผ๋ฆฌ ์ฝ”๋”ฉ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์„œ ์ผ์ฃผ์ผ์„ ๊ฝ‰๊ฝ‰ ์ฑ„์šด๋‹ค. ์ด๋ฒˆ์ฃผ๋Š” ๋ฆฌ์•กํŠธ ๋“ค์–ด๊ฐ€๊ธฐ์ „ ๋น„๋™๊ธฐ๋ถ€ํ„ฐ API, node ๋ฐฐ์›€์— ์žˆ์–ด ๊ณผ์ œ๋ฅผ ๋งˆ์น˜๊ธฐ ์œ„ํ•ด ๋ฐœ๋ฒ„๋‘ฅ์น˜๋‹ค๋ณด๋‹ˆ ๋ถ€์กฑํ•œ ๋ถ€๋ถ„์„ ๋ฉ”๊พธ๊ธฐ๋„ ๋ฐ”์œ ์ฃผ ์˜€๋‹ค.
๋จธ๋ฆฟ์†์œผ๋กœ๋Š” ์•„ ์ด๋Ÿฐ๊ฑฐ์ง€ ๋ผ๊ณ  ์ƒ๊ฐ์ด ๋“ค์ง€๋งŒ ๋ง์„ ํ•  ์ˆ˜๊ฐ€ ์—†๋‹ค๋Š” ์ ์— ์•„..๊ธฐ์ˆ ๋ฉด์ ‘๋•Œ ์–ด์ฉŒ์ง€...๋ผ๋Š” ์ƒ๊ฐ๋„ ๋“ค๊ฒŒ ํ–ˆ๋˜ ํ•˜๋ฃจ. ๋งˆ์ง€๋ง‰ ๋ฆฌ์•กํŠธ ์ธํŠธ๋กœ์—์„œ๋Š” ํŽ˜์–ด๋ถ„๊ณผ ๋„ค๋น„์—ญํ• ๋กœ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ๊ณผ์ œ ์ˆ˜ํ–‰ ๋ถ€ํ„ฐ ์—๋Ÿฌ๊นŒ์ง€ ์žก์•„์ฃผ๋ฉด์„œ ๋˜ ํ•˜๋ฉด ๋ ๊ฒƒ์„ ์™œ ๋ฏธ๋ฃจ๊ณ  ๊ฐœ๋… ์ •๋ฆฌ๋ฅผ ์•ˆํ–ˆ์„๊นŒ ์ด๋Ÿฐ ์ƒ๊ฐ๋„ ๋“ค์—ˆ๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ์—๊ฒŒ ์„ค๋ช…์— ์žˆ์–ด ๋‚ด๊ฐ€ ์ง„์งœ ๊ทธ ์ง€์‹์„ ํก์ˆ˜ ํ–ˆ๋Š”์ง€ ํ™œ์šฉ ํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ๋‹ค์‹œ ์žฌํ™•์ธ ํ•˜๋Š” ์‹œ๊ฐ„์ด์˜€๊ณ , ์˜ค๋Š˜ ์„ค๋‚ ์ด์ง€๋งŒ ์„ค๋‚ ์€ ์„ค๋‚ ...๊ณต๋ถ€๋Š” ํ•ด์•ผ์ง€..๋ผ๋Š” ๋งˆ์Œ์œผ๋กœ ํšŒ๊ณ  ํ•˜๋ฉฐ์„œ ๋‹ค์Œ์ฃผ์ฐจ๋ฅผ ์œ„ํ•œ ๋ฆฌ์•กํŠธ์˜ ์‹œ์ž‘ state, props, hook ์„ ๊ณต๋ถ€ํ•˜์ž..

๐ŸŒง ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…

fetch API -> try_catch ๊ธฐ์ˆ ์„ ์ ์šฉ ๋ฏธํก ํ—ค๋งค๊ณ  ์žˆ๋‹ค. ๊ทธ๋ž˜์„œ ์˜ํ™” ๊ฒ€์ƒ‰ ๊ธฐ๋ฐ˜ ํด๋ก ์„ ์ ์šฉํ•ด์„œ ๊ธฐ์ˆ ์„ ์ ์šฉํ•ด๋ณด๊ธฐ๋กœ..

profile
์‹ค์ˆ˜๋ฅผ ๋‘๋ ค์›Œ ๋ง๊ณ  ๊ณ„์† ๋„์ „ ํ•˜๋Š” ๊ฐœ๋ฐœ์ž์˜ ์—ฌ์ •!

0๊ฐœ์˜ ๋Œ“๊ธ€