๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ206

๋ฆฌ์•กํŠธ ์ฟผ๋ฆฌ v5 ์—์„œ ๋ฐ”๋€ ์  react query v5 react query v5 ๋ฆฌ์•กํŠธ ์ฟผ๋ฆฌ v5์˜ ์ฃผ์š” ๋ณ€๊ฒฝ์‚ฌํ•ญ ๋ฆฌ์•กํŠธ ์ฟผ๋ฆฌ v5์—์„œ๋Š” ๋งŽ์€ ์ค‘์š”ํ•œ ๋ณ€ํ™”๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ด react query v5 ๋ณ€ํ™”๋“ค์€ ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ๋ณด๋‹ค ๋ช…ํ™•ํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ์ฝ”๋“œ ์ž‘์„ฑ์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋ฉฐ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์œ ์ง€๋ณด์ˆ˜๋ฅผ ์šฉ์ดํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ๋‹จ์ผ ๊ฐ์ฒด ์‹œ๊ทธ๋‹ˆ์ฒ˜ ์ง€์›: ์ด์ „ ๋ฒ„์ „์—์„œ๋Š” useQuery์™€ ๊ฐ™์€ ํ•จ์ˆ˜๋“ค์ด TypeScript์—์„œ ๋‹ค์–‘ํ•œ ์˜ค๋ฒ„๋กœ๋”ฉ์„ ์ง€์›ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด์ œ v5์—์„œ๋Š” ๊ฐ์ฒด ํ˜•์‹๋งŒ์„ ์ง€์›ํ•˜์—ฌ, ๋”์šฑ ๊ฐ„๊ฒฐํ•˜๊ณ  ๋ช…ํ™•ํ•œ ์ฝ”๋“œ ์ž‘์„ฑ์ด ๊ฐ€๋Šฅํ•ด์กŒ์Šต๋‹ˆ๋‹คใ€7ใ€‘. queryClient.getQueryData ๋ฐ queryClient.getQueryState ๋ณ€๊ฒฝ: ์ด์ œ ์ด ํ•จ์ˆ˜๋“ค์€ queryKey๋งŒ์„ ์ธ์ž๋กœ ๋ฐ›์Šต๋‹ˆ๋‹ค. ์ด๋Š” API์˜ ์ผ๊ด€์„ฑ์„ ๋†’์ด๊ณ , ์‚ฌ์šฉ์˜ ๋‹จ์ˆœํ™”๋ฅผ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹คใ€8ใ€‘ใ€9ใ€‘.. 2023. 11. 13.
์—๋ผํ† ์Šคํ…Œ๋„ค์Šค์˜ ์ฒด JS ์†Œ์ˆ˜ ์ฐพ๊ธฐ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋งŒ๋“ค๊ธฐ ์—๋ผํ† ์Šคํ…Œ๋„ค์Šค์˜ ์ฒด: ์ˆ˜ํ•™๊ณผ ์ปดํ“จํ„ฐ ๊ณผํ•™์—์„œ์˜ ์ค‘์š”์„ฑ ์ˆ˜ํ•™๊ณผ ๊ณ ๋Œ€ ์—ญ์‚ฌ์—์„œ์˜ ์—๋ผํ† ์Šคํ…Œ๋„ค์Šค์˜ ์ฒด ์—๋ผํ† ์Šคํ…Œ๋„ค์Šค์˜ ์ฒด๋Š” ๊ณ ๋Œ€ ๊ทธ๋ฆฌ์Šค ์ˆ˜ํ•™์ž ์—๋ผํ† ์Šคํ…Œ๋„ค์Šค๊ฐ€ ๋ฐœ๊ฒฌํ•œ ์†Œ์ˆ˜๋ฅผ ์ฐพ๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ, ๊ฐ„๋‹จํ•˜๋ฉด์„œ๋„ ํšจ์œจ์ ์ธ ์•Œ๊ณ ๋ฆฌ์ฆ˜์œผ๋กœ ์•Œ๋ ค์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฐฉ๋ฒ•์€ ์ •ํ•ด์ง„ ๋ฒ”์œ„ ์•ˆ์˜ ๋ชจ๋“  ์†Œ์ˆ˜๋ฅผ ์ฐพ๊ธฐ ์œ„ํ•ด, 2๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜์—ฌ ๊ทธ ๋ฐฐ์ˆ˜๋ฅผ ์ง€์›Œ๋‚˜๊ฐ€๋Š” ๊ณผ์ •์„ ๋ฐ˜๋ณตํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, 2์˜ ๋ฐฐ์ˆ˜๋ฅผ ๋ชจ๋‘ ์ง€์šฐ๊ณ , ๋‹ค์Œ์œผ๋กœ ๋‚จ์€ ๊ฐ€์žฅ ์ž‘์€ ์ˆ˜์ธ 3์˜ ๋ฐฐ์ˆ˜๋ฅผ ์ง€์›๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ณผ์ •์„ ๋ฐ˜๋ณตํ•˜๋ฉด ๊ฒฐ๊ตญ ๋‚จ๋Š” ์ˆ˜๋“ค์ด ๋ฐ”๋กœ ์†Œ์ˆ˜๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. ์ด ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ๋‹จ์ˆœํ•จ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ๋งค์šฐ ์ค‘์š”ํ•œ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ์†Œ์ˆ˜๋Š” ์ˆ˜ํ•™์˜ ๋‹ค์–‘ํ•œ ๋ถ„์•ผ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์•”ํ˜ธํ•™์—์„œ๋„ ๋งค์šฐ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ํšจ์œจ์ ์œผ๋กœ ์†Œ์ˆ˜๋ฅผ ์ฐพ๋Š” ๋ฐฉ๋ฒ•์€ ๊ณ ๋Œ€๋ถ€ํ„ฐ ํ˜„๋Œ€์— ์ด๋ฅด.. 2023. 11. 10.
2023๋…„ 11์›” 17์ผ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ ํ•œ๊ตญ์‹œ๊ฐ„ ๊ทน๋Œ€๊ธฐ 2023๋…„ 11์›” 17์ผ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ ํ•œ๊ตญ์‹œ๊ฐ„ ๊ทน๋Œ€๊ธฐ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ๋ž€ ๋ฌด์—‡์ธ๊ฐ€? ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ๋Š” ๋งค๋…„ 11์›” ์ค‘์ˆœ๊ฒฝ ์ง€๊ตฌ์ƒ์—์„œ ๊ด€์ธก๋˜๋Š” ๋Œ€ํ‘œ์ ์ธ ์œ ์„ฑ์šฐ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์ด ์œ ์„ฑ์šฐ๋Š” ํ…œํŽ -ํ„ฐํ‹€ ํ˜œ์„ฑ์˜ ์ž”ํ•ด๊ฐ€ ์ง€๊ตฌ ๋Œ€๊ธฐ์™€ ์ถฉ๋Œํ•˜๋ฉด์„œ ๋ฐ์€ ๊ด‘์„ ์„ ๋งŒ๋“ค์–ด๋‚ด๋ฉฐ, ๊ทธ ํ˜„์ƒ์ด ๋งˆ์น˜ ๋ณ„๋˜ฅ๋ณ„์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค. ํŠนํžˆ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ๋Š” ๊ทธ ๋ฐ๊ธฐ์™€ ์ˆ˜๋งŽ์€ ์œ ์„ฑ๋“ค๋กœ ์ธํ•ด ๋งŽ์€ ์ฒœ๋ฌธํ•™์ž์™€ ๋ณ„์„ ์ข‹์•„ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ํฐ ๊ด€์‹ฌ์„ ๋ฐ›๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 2023๋…„ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ์˜ ํŠน์ง• 2023๋…„ ์‚ฌ์ž์ž๋ฆฌ ์œ ์„ฑ์šฐ๋Š” ํŠน๋ณ„ํ•œ ๊ด€์‹ฌ์„ ๋ฐ›๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ์œ ์„ฑ์šฐ์˜ ๊ทน๋Œ€๊ธฐ๋Š” 11์›” 17์ผ๋กœ ์˜ˆ์ƒ๋˜๋ฉฐ, ์ด ์‹œ๊ธฐ์—๋Š” ์‹œ๊ฐ„๋‹น ์ˆ˜์‹ญ ๊ฐœ์˜ ์œ ์„ฑ์ด ๊ด€์ธก๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์˜ฌํ•ด๋Š” ๋‹ฌ๋น›์ด ์œ ์„ฑ์šฐ ๊ด€์ธก์— ํฐ ๋ฐฉํ•ด๊ฐ€ ๋˜์ง€ ์•Š์„ ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒ๋˜์–ด, ๋”์šฑ ๋งŽ์€ ์œ ์„ฑ.. 2023. 11. 9.
css,html ์ด์˜๊ฒŒ ์ •๋ฆฌ ์‚ฌ์ดํŠธ c style,json,js javascript beautifier Tabifier css, html ์ด์˜๊ฒŒ ์ •๋ฆฌ ์‚ฌ์ดํŠธ c style, json, js javascript beautifier Tabifier ์›น์‚ฌ์ดํŠธ ์†Œ๊ฐœ ์›น ๊ฐœ๋ฐœ ๋ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ž‘์—…์—์„œ ๊ฐ€๋…์„ฑ ์ข‹๊ณ  ์ฒด๊ณ„์ ์œผ๋กœ ์ •๋ฆฌ๋œ ์ฝ”๋“œ๋Š” ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ์œ ์ง€ํ•˜๋Š” ๊ฒƒ์€ ๊ฐœ๋ฐœ์ž์˜ ๊ธฐ๋ณธ ์†Œ์–‘ ์ค‘ ํ•˜๋‚˜์ด๋ฉฐ, ์ด๋ฅผ ๋•๋Š” ๋‹ค์–‘ํ•œ ์˜จ๋ผ์ธ ๋„๊ตฌ๋“ค์ด ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” HTML, CSS, JavaScript, C์–ธ์–ด ์Šคํƒ€์ผ, JSON, SQL ๋“ฑ ๋‹ค์–‘ํ•œ ์–ธ์–ด์˜ ์ฝ”๋“œ๋ฅผ ์•„๋ฆ„๋‹ต๊ฒŒ ์ •๋ฆฌํ•ด ์ฃผ๋Š” ์œ ์šฉํ•œ ์›น์‚ฌ์ดํŠธ๋“ค์„ ์†Œ๊ฐœํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์•„๋‹ˆ ๊ทผ๋ฐ, vscode๋“ , ์ดํด๋ฆฝ์Šค๋“  IDE์‚ฌ์šฉํ•˜๋ฉด ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ๋ทฐํ‹ฐํŒŒ์ด์–ด ์ง€์›ํ•˜๋Š”๋ฐ ์ด๋Ÿฐ ์‚ฌ์ดํŠธ ์™œ ํ•„์š”ํ•จ? ์ด๋ผ๊ณ  ๋ฌด์„ ์‹ ๋‹ค๋ฉด... ๋‚ด ์ปด์ด ์•„๋‹Œ ๋ฐ์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฉ”๋ชจ์žฅ์—์„œ ์ฝ”๋“œ ์งœ์„œ ๋ง‰ FBIํ•ดํ‚นํ•˜.. 2023. 11. 8.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ”์ธ๋”ฉ: ํ™œ์šฉ๊ณผ ์ฃผ์˜์  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ”์ธ๋”ฉ: ํ™œ์šฉ๊ณผ ์ฃผ์˜์  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐ”์ธ๋”ฉ(binding)์ด๋ž€, ํŠน์ • ๊ฐ์ฒด์˜ ๋ฉ”์„œ๋“œ๋‚˜ ํ•จ์ˆ˜ ๋‚ด๋ถ€์—์„œ ์‚ฌ์šฉ๋˜๋Š” this์˜ ๊ฐ’์„ ๊ณ ์ •ํ•˜๋Š” ๊ฒƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” this๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๋Š” ๊ฐ์ฒด๊ฐ€ ์‹คํ–‰ ์ปจํ…์ŠคํŠธ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง€๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํŠน์„ฑ ๋•Œ๋ฌธ์— ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. this์˜ ๋™์ ์ธ ํŠน์„ฑ์€ ์œ ์šฉํ•  ๋•Œ๋„ ์žˆ์ง€๋งŒ, ์˜ˆ๊ธฐ์น˜ ์•Š์€ ๋ฌธ์ œ๋ฅผ ๋ฐœ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ๊ธฐ์— ๋ฐ”์ธ๋”ฉ์„ ํ†ตํ•ด ์•ˆ์ •์ ์œผ๋กœ ๊ด€๋ฆฌํ•  ํ•„์š”๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ”์ธ๋”ฉ์˜ ํ•„์š”์„ฑ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ•จ์ˆ˜๋Š” ํ˜ธ์ถœ๋˜๋Š” ๋ฐฉ์‹์— ๋”ฐ๋ผ this ๊ฐ’์ด ๊ฒฐ์ •๋ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ๋ฉ”์„œ๋“œ๋กœ ํ˜ธ์ถœ๋  ๋•Œ๋Š” this๊ฐ€ ๊ทธ ๋ฉ”์„œ๋“œ๋ฅผ ํ˜ธ์ถœํ•œ ๊ฐ์ฒด๋ฅผ ๊ฐ€๋ฆฌํ‚ค์ง€๋งŒ, ์ผ๋ฐ˜ ํ•จ์ˆ˜๋กœ ํ˜ธ์ถœ๋  ๋•Œ๋Š” this๊ฐ€ ์ „์—ญ ๊ฐ์ฒด(๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” window, Node.js์—์„œ๋Š” global)๋ฅผ ๊ฐ€๋ฆฌํ‚ค๊ฑฐ๋‚˜ un.. 2023. 11. 7.
์›๋“œ๋ผ์ด๋ธŒ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค๋Ÿฌ๋ฆฌ ๋™๊ธฐํ™” ํ•ด์ œํ•˜๊ธฐ ์›๋“œ๋ผ์ด๋ธŒ์™€ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค๋Ÿฌ๋ฆฌ ๋™๊ธฐํ™” ํ•ด์ œํ•˜๊ธฐ ์›๋“œ๋ผ์ด๋ธŒ(OneDrive)๋Š” ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ(Microsoft)๊ฐ€ ์ œ๊ณตํ•˜๋Š” ํด๋ผ์šฐ๋“œ ์ €์žฅ ์„œ๋น„์Šค๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ๋‹ค์–‘ํ•œ ๊ธฐ๊ธฐ์—์„œ ํŒŒ์ผ์„ ์ €์žฅํ•˜๊ณ  ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ์Šค๋งˆํŠธํฐ ์‚ฌ์šฉ์ž์˜ ๊ฒฝ์šฐ, ๊ฐค๋Ÿฌ๋ฆฌ ์•ฑ์„ ํ†ตํ•ด ์‚ฌ์ง„๊ณผ ๋น„๋””์˜ค๋ฅผ ์›๋“œ๋ผ์ด๋ธŒ์™€ ๋™๊ธฐํ™”ํ•  ์ˆ˜ ์žˆ๋Š” ์˜ต์…˜์ด ์ œ๊ณต๋˜๋ฉฐ, ์ด๋ฅผ ํ†ตํ•ด ์‚ฌ์ง„์„ ์•ˆ์ „ํ•˜๊ฒŒ ๋ฐฑ์—…ํ•˜๊ณ  ์—ฌ๋Ÿฌ ๊ธฐ๊ธฐ ๊ฐ„์— ์‰ฝ๊ฒŒ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ, ์ €์žฅ ๊ณต๊ฐ„ ๊ด€๋ฆฌ, ๋˜๋Š” ๋‹จ์ˆœํžˆ ๋™๊ธฐํ™” ๊ธฐ๋Šฅ์„ ๋” ์ด์ƒ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์ง€ ์•Š์„ ๋•Œ ๋™๊ธฐํ™”๋ฅผ ํ•ด์ œํ•˜๊ณ ์ž ํ•  ์ˆ˜ ์žˆ๋‹ค. ์—ฌ๊ธฐ์„œ๋Š” ์›๋“œ๋ผ์ด๋ธŒ์™€ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค๋Ÿฌ๋ฆฌ์˜ ๋™๊ธฐํ™”๋ฅผ ํ•ด์ œํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ฒ ๋‹ค. ์›๋“œ๋ผ์ด๋ธŒ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค๋Ÿฌ๋ฆฌ ๋™๊ธฐํ™” ํ•ด์ œ ๋ฐฉ๋ฒ• ์›๋“œ๋ผ์ด๋ธŒ ์‚ผ์„ฑ ๊ฐค๋Ÿญ์‹œ ๊ฐค.. 2023. 11. 5.