๋ชฉ๋กasync (1)

๐Ÿค ์€์ง€log ๐Ÿค

[REACT] SPA ์™€ async

SPA ( Single Page Application ) ์ตœ์ดˆ ํ•œ๋ฒˆ ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ๋กœ๋”ฉํ•œ ์ดํ›„ ๋ถ€ํ„ฐ๋Š” ๋ฐ์ดํ„ฐ๋งŒ ๋ณ€๊ฒฝํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋œปํ•œ๋‹ค. ๐ŸŽฃ ๊ธฐ์กด ์›น ํŽ˜์ด์ง€ ์—์„œ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•  ๋•Œ ๋งˆ๋‹ค ์ƒˆ๋กœ์šด HTML์„ ๋ฐ›์•„์˜ค๊ณ  ํŽ˜์ด์ง€๋ฅผ ๋กœ๋”ฉํ•  ๋•Œ ๋งˆ๋‹ค ์„œ๋ฒ„์—์„œ ๋ฆฌ์†Œ์Šค๋ฅผ ์ „๋‹ฌ ๋ฐ›์•„์„œ ํ•ด์„ํ•œ ๋’ค ํ™”๋ฉด์— ๋ณด์—ฌ์คฌ๋‹ค. ๋”ฐ๋ผ์„œ ์„œ๋ฒ„๊ฐ€ ํ•  ์ผ์ด ๋งŽ์•˜๊ธฐ ๋•Œ๋ฌธ์—, ์„ฑ๋Šฅ์ƒ์˜ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ์„œ๋ฒ„ ํŠธ๋ž˜ํ”ฝ์ด ๋งŽ์ด ๋‚˜์˜ฌ ์ˆ˜๋„ ์žˆ๊ณ  ๋งŽ์€ ์‚ฌ์šฉ์ž๊ฐ€ ๋ชฐ๋ฆฌ๋ฉด ๊ณผ๋ถ€ํ•˜๊ฐ€ ๊ฑธ๋ ค์„œ ์„œ๋ฒ„๊ฐ€ ๋‹ค์šด ๋˜๋Š” ๋“ฑ์˜ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒ ๊ฐ€๋Šฅํ–ˆ๋‹ค. ์บ์‹ฑ๊ณผ ์••์ถ•์„ ํ†ตํ•ด ์–ด๋Š ์ •๋„ ๋ณด์™„ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์š”์ฆ˜ ์ฒ˜๋Ÿผ ์‚ฌ์šฉ์ž์™€์˜ ์ธํ„ฐ๋ž™์…˜์ด ๋งŽ์€ ํŽ˜์ด์ง€์˜ ๊ฒฝ์šฐ ์ด ๋ฐฉ๋ฒ• ๋˜ํ•œ ํž˜๋“ค์–ด์ง„๋‹ค. ๋˜ํ•œ ํ™”๋ฉด ์ „ํ™˜์ด ํ•„์š”ํ•  ๋•Œ๋งˆ๋‹ค ์ƒˆ๋กœ์šด HTML์„ ..

๐Ÿ’™ React 2022. 10. 6. 14:42