WIL 8์ฃผ์ฐจ

hyena_leeยท2023๋…„ 2์›” 5์ผ
0

WIL

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

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

1.Rest API
2.๋ธŒ๋ผ์šฐ์ €์˜ ์ž‘๋™์›๋ฆฌ
3.useEffect
4. States Airline-client ๊ณผ์ œ

๐ŸŒˆํšŒ๊ณ 

์ด๋ฒˆ์ฃผ๋Š” ๋„คํŠธ์›Œํฌ ์‹ค์Šต๊ณผ ํด๋ผ์ด์–ธํŠธ Ajax ์‰ฌ์–ด๊ฐ€๋Š” ์‹œ๊ฐ„์ด๋ผ๊ณ  ํ•˜๋Š”๋ฐ ์ „ํ˜€...๊ทธ๋ ‡์ง€ ์•Š์•˜์€ ํ•œ ์ฃผ๋ฅผ ๋ณด๋ƒˆ๋‹ค. ์ด๋ฒˆ์—๋„ ํผ์ฆ ๋งž์ถ”๊ธฐ์‹...๊ณผ์ œ๋Š˜ ๋นจ๋ฆฌ ํ•ด๊ฒฐํ–ˆ์ง€๋งŒ ๊ณผ์—ฐ ๋‚ด๊ฐ€ ์ด์ฝ”๋“œ๋ฅผ ์งค์ˆ˜ ์žˆ์„ ๊นŒ? ์ ์  ์ง์ด ์ปค์ง€๋Š” ์‹œ๊ฐ„์ด์˜€๊ณ  ๋‘๋ฒˆ์งธ๊ณผ๋Š” ์ปดํฌ๋„ŒํŠธ๋„ ๋งŽ๊ณ  ํŽ˜์ด์ง€์ˆ˜๋„ ์žˆ๊ณ  ๋„๋ฌด์ง€ ๊ฐ์„ ์žก์ง€ ๋ชปํ•ด์„œ ํ”„๋ ˆ์ž„์„ ๋งŒ๋“ค์–ด ํ•˜๋‚˜ํ•˜๋‚˜ ๋ผ์›Œ๋งž์ถ”๊ธฐ๋กœ ํ–ˆ๋‹ค. ๊ทธ๋žฌ๋”๋‹ˆ ์•„! ์ด๋Ÿฐ์‹์œผ๋กœ ํ˜๋Ÿฌ๊ฐ€๋Š”๊ตฌ๋‚˜... ๊ทธ์น˜๋งŒ ์ ์  ๋‘๋ ค์›Œ์ง„๋‹ค. ์ง„์งœ ์ด์ฝ”๋“œ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์„ ๊นŒ ํ•˜๋ฉด์„œ ๊ฐœ๋… ์ •๋ฆฌํ•˜๊ธฐ๋„ ๋ฐ”์˜๊ณ  ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ๋กœ ๋งŒ๋“ค์–ด๋ด์•ผ ํ• ํ…๋ฐ..์‹œ๊ฐ„์€ ๋„ˆ๋ฌด ์—†๊ณ ..๋จธ๋ฆฟ์†์ด ์ •๋ง ํ˜ผ๋ˆ์†...์‰ฝ์ง€ ์•Š์€ ๊ฐœ๋ฐœ์ž์˜ ๊ธธ...ํ•œ์ฃผ๋ฅผ ๋ณด๋‚ด๋ฉฐ ๋” ์—ด์‹ฌํžˆ ๋ฐฐ์šฐ์ž..

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

์ฃผ์„๊ณผ ์‚ญ์ œ...์‚ญ์ œ๋ฅผ ํ•ด์•ผ๋งŒ ๋ฌธ์ œ๊ฐ€ ํ’€๋ฆฌ๋Š” ๋ฌธ์ œ์˜€๋‹ค. ๊ทธ๊ฒƒ๋„ ๋ชจ๋ฅด๊ณ  ์ฃผ์„๋งŒ ํ•ด์„œ ํ’€๋‹ค๊ฐ€ ์™œ ํ’€๋ฆฌ์ง€ 30๋ถ„๋™์•ˆ ๋™๋™ ์•“์•˜๋‹ค๊ฐ€ test.js ์‚ดํŽด๋ณธ ๊ฒฐ๊ณผ ์‚ญ์ œ๋ฅผ ํ•ด์•ผ๋งŒ ํ’€ ์ˆ˜ ์žˆ๋‹ค๋Š” ๋ง์— ํ™”๊ฐ€ ๋„ˆ๋ฌด ๋‚ฌ๋‹ค. ๋ฌธ์ œ ์ถœ์ œ ์˜๋„๋„ ๋ชจ๋ฅด๊ฒ ๊ณ  ์ฃผ์„์„ ํ•˜๋ฉด ํ’€ ์ˆ˜ ์—†๋‹ค๋Š” ๋ฌธ์ œ๋„ ํ™ฉ๋‹นํ–ˆ๋‹ค. ์™œ์ง€? ์ฃผ์„์„ ํ•˜๋ฉด ํ’€ ์ˆ˜ ์—†๋‹ค๋Š”๊ฒŒ..๋„๋ฌด์ง€ ์ดํ•ด๊ฐ€ ๋˜์ง€ ์•Š์•˜๋‹ค. ๋ฏธ๊ถ์†์—์„œ ๊ณผ์ œ๋Š” ๋นจ๋ฆฌ ์ˆ˜ํ–‰ํ•˜๊ณ  ํŽ˜์–ด๋ถ„์—๊ฒŒ๋„ ๋„์›€์„ ์ค„ ์ˆ˜์žˆ์–ด ๊ทธ ํ•œ์ฃผ๋ฅผ ๋งˆ๋ฌด๋ฆฌ ํ•ฉ๋‹ˆ๋‹ค.

๐ŸŒณ Lifecycle Hook

- ์˜ˆ์ „์— React์—์„œ ์“ฐ๋Š” Hook

- ํ˜„์žฌ

useEffect

๋กœ๋”ฉํ™”๋ฉด ๊ตฌํ˜„

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

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