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

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

๋ฆฌ์•กํŠธ ์ดˆ๊ธฐ ์„ธํŒ… ํ™˜๊ฒฝ ๊ตฌ์ถ•ํ•˜๊ธฐ: Windows์—์„œ์˜ React ์„ค์น˜ ๊ฐ€์ด๋“œ ๋ฆฌ์•กํŠธ ํ™˜๊ฒฝ ๊ตฌ์ถ•ํ•˜๊ธฐ: Windows์—์„œ์˜ ๋ฆฌ์•กํŠธ ์„ค์น˜ ๊ฐ€์ด๋“œ ์•ˆ๋…•ํ•˜์„ธ์š”, ์—ฌ๋Ÿฌ๋ถ„! ์˜ค๋Š˜์€ ๋ฆฌ์•กํŠธ(React)๋ฅผ Windows ํ™˜๊ฒฝ์—์„œ ์„ค์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ๋Š” ํŽ˜์ด์Šค๋ถ์—์„œ ๊ฐœ๋ฐœํ•œ ํ”„๋ก ํŠธ์—”๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ, ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜์— ์ดˆ์ ์„ ๋งž์ถ˜ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์„ ํ†ตํ•ด ๋‹น์‹ ๋„ ์†์‰ฝ๊ฒŒ ๋ฆฌ์•กํŠธ ํ™˜๊ฒฝ์„ ๊ตฌ์ถ•ํ•˜๊ณ  ์ฒซ ๋ฒˆ์งธ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ ํ–‰ ์„ค์น˜ ์‚ฌํ•ญ ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ๋ช‡ ๊ฐ€์ง€ ์‚ฌํ•ญ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜์˜ ๋‹จ๊ณ„๋ฅผ ๋”ฐ๋ผ ์„ค์น˜ํ•ด๋ณด์„ธ์š”. Node.js ์„ค์น˜: ๋ฆฌ์•กํŠธ์˜ ํ•ต์‹ฌ ๋„๊ตฌ์ธ Webpack๊ณผ Babel์€ Node.js ๊ธฐ๋ฐ˜์œผ๋กœ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค. Node.js๋ฅผ ์„ค์น˜ํ•ด์•ผ ์ด ๋„๊ตฌ๋“ค์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Node.js ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€์—์„œ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์„ค์น˜ํ•ด์ฃผ์„ธ์š”. Yarn .. 2023. 8. 22.
jQuery๋ฅผ ์ด์šฉํ•˜์—ฌ ์š”์†Œ์˜ ์ด๋ฆ„์œผ๋กœ ํ˜„์žฌ ์š”์†Œ์˜ ํƒ€์ž… ์•Œ์•„๋‚ด๊ธฐ jQuery๋ฅผ ์ด์šฉํ•˜์—ฌ ์š”์†Œ์˜ ์ด๋ฆ„์œผ๋กœ ํ˜„์žฌ ์š”์†Œ์˜ ํƒ€์ž… ์•Œ์•„๋‚ด๊ธฐ ์•ˆ๋…•ํ•˜์„ธ์š”! ์ด๋ฒˆ ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…์—์„œ๋Š” jQuery๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์š”์†Œ์˜ ์ด๋ฆ„์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ˜„์žฌ ์š”์†Œ์˜ ํƒ€์ž…์„ ์–ด๋–ป๊ฒŒ ์•Œ์•„๋‚ผ ์ˆ˜ ์žˆ๋Š”์ง€ ์•Œ๋ ค๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ์†Œ๊ฐœ ์›น ๊ฐœ๋ฐœ์—์„œ ์ข…์ข… ํŠน์ • ์š”์†Œ์˜ ํƒ€์ž…์„ ์•Œ์•„๋‚ด๋Š” ์ผ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ๋‹ค์–‘ํ•œ ์ž…๋ ฅ ํผ ์š”์†Œ ์ค‘์—์„œ ์‚ฌ์šฉ์ž๊ฐ€ ์ž…๋ ฅํ•œ ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๋ ค๊ณ  ํ•  ๋•Œ ํ•ด๋‹น ์š”์†Œ๊ฐ€ ์ธ์ง€, ์ธ์ง€, ์•„๋‹ˆ๋ฉด ์ธ์ง€ ๋“ฑ์„ ๊ตฌ๋ถ„ํ•ด์•ผ ํ•  ๋•Œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐฉ๋ฒ• prop("tagName") ์‚ฌ์šฉํ•˜๊ธฐ var element = $("input[name='text']"); var tagName = element.prop("tagName"); console.log(tagName); // ๊ฒฐ๊ณผ ์˜ˆ์‹œ: "INPUT" [0].tagName .. 2023. 8. 15.
APC_INDEX_MISMATCH ๋ธ”๋ฃจ ์Šคํฌ๋ฆฐ ์œˆ๋„์šฐ 10 ๋ฒ„์ „ 20H2 1901/1903 KB5000808 APC_INDEX_MISMATCH ๋ธ”๋ฃจ ์Šคํฌ๋ฆฐ ์„œ๋ก  ์œˆ๋„์šฐ ์šด์˜ ์ฒด์ œ๋ฅผ ์‚ฌ์šฉํ•˜๋‹ค ๋ณด๋ฉด ๊ฐ€๋” ๋ธ”๋ฃจ ์Šคํฌ๋ฆฐ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ์ค‘์—์„œ๋„ "APC_INDEX_MISMATCH"๋ผ๋Š” ๋ฉ”์‹œ์ง€์˜ ๋ธ”๋ฃจ ์Šคํฌ๋ฆฐ ์˜ค๋ฅ˜๋Š” ์ฃผ๋กœ ๋ฉ”๋ชจ๋ฆฌ์™€ ๊ด€๋ จ๋œ ๋ฌธ์ œ๋กœ ์•Œ๋ ค์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•  ๋•Œ๋Š” ๋ธ”๋ฃจ ์Šคํฌ๋ฆฐ ์˜ค๋ฅ˜์˜ ์›์ธ์„ ํŒŒ์•…ํ•˜๊ณ  ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” "APC_INDEX_MISMATCH" ๋ธ”๋ฃจ ์Šคํฌ๋ฆฐ ์˜ค๋ฅ˜์˜ ์›์ธ๊ณผ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์˜ค๋ฅ˜ ์›์ธ ๋ถ„์„ "APC_INDEX_MISMATCH" ๋ธ”๋ฃจ ์Šคํฌ๋ฆฐ ์˜ค๋ฅ˜๋Š” ๋Œ€๋ถ€๋ถ„์˜ ๊ฒฝ์šฐ ๋ฉ”๋ชจ๋ฆฌ์™€ ๊ด€๋ จ๋œ ๋ฌธ์ œ๋กœ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์ด ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ์ฒซ ๋ฒˆ์งธ ๋‹จ๊ณ„๋Š” ๊ทธ๋ž˜ํ”ฝ ๋ฐ ์˜ค๋””์˜ค ๋“œ๋ผ์ด๋ฒ„์˜ ์ตœ์‹  ์—…๋ฐ์ดํŠธ ๋˜๋Š” ์žฌ์„ค์น˜์ž…๋‹ˆ๋‹ค. ๋˜ํ•œ ๋žจ์„ ๋ถ„๋ฆฌํ•˜์—ฌ .. 2023. 8. 12.
vscode ๊ฒ€์ƒ‰ ํŒŒ์ผ ์ฐพ๊ธฐ ๋‹จ์ถ•ํ‚ค. ์ •๊ทœ์‹ ์—ฌ๋Ÿฌ ๋‹จ์–ด ๊ฒ€์ƒ‰ ์น˜ํ™˜ ๋ฐ”๊พธ๊ธฐ VS Code์—์„œ ํŒŒ์ผ ๊ฒ€์ƒ‰๊ณผ ๋ฌธ์ž์—ด ๊ฒ€์ƒ‰ ๋‹จ์ถ•ํ‚ค ํ™œ์šฉํ•˜๊ธฐ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์˜ ๋ณต์žก์„ฑ๊ณผ ํŒŒ์ผ ๊ฒ€์ƒ‰์˜ ์ค‘์š”์„ฑ ํ˜„๋Œ€ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์€ ๋‹ค์–‘ํ•œ ํŒŒ์ผ๊ณผ ํด๋”๋กœ ๋ณต์žกํ•˜๊ฒŒ ๊ตฌ์„ฑ๋˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ๋‹ค๋ฃจ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฐ ํ™˜๊ฒฝ์—์„œ ์›ํ•˜๋Š” ํŒŒ์ผ์„ ์‹ ์†ํ•˜๊ฒŒ ์ฐพ๋Š” ๊ฒƒ์€ ๋งค์šฐ ์ค‘์š”ํ•œ ์ž‘์—…์ž…๋‹ˆ๋‹ค. Microsoft Visual Studio Code(VS Code)๋Š” ๋งŽ์€ ๊ฐœ๋ฐœ์ž๋“ค์ด ์„ ํ˜ธํ•˜๋Š” ํ›Œ๋ฅญํ•œ ํ†ตํ•ฉ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” VS Code์—์„œ ํŒŒ์ผ ๊ฒ€์ƒ‰๊ณผ ๋ฌธ์ž์—ด ๊ฒ€์ƒ‰์„ ํšจ์œจ์ ์œผ๋กœ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ๋‹จ์ถ•ํ‚ค์™€ ๊ธฐ๋Šฅ์„ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. VS Code ํŒŒ์ผ ๊ฒ€์ƒ‰ ๋‹จ์ถ•ํ‚ค VS Code์—์„œ ํŒŒ์ผ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์„ ํ™œ์šฉํ•˜๋Š” ๋ฐ์—๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ ํŒŒ์ผ์„ ๋น ๋ฅด๊ฒŒ ์ฐพ์•„๋ณด๊ณ ์ž ํ•  ๋•Œ ๋‹ค์Œ ๋‹จ์ถ•ํ‚ค๋ฅผ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ.. 2023. 8. 11.
์œˆ๋„์šฐ10 ์—…๋ฐ์ดํŠธ ์„ค์น˜ ์‹œ '์‹œ์Šคํ…œ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํŒŒํ‹ฐ์…˜์€ ์—…๋ฐ์ดํŠธ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค' ํ•ด๊ฒฐ๋ฐฉ๋ฒ• HP๋…ธํŠธ๋ถ ์œˆ๋„์šฐ10 ์—…๋ฐ์ดํŠธ ์„ค์น˜ ์‹œ '์‹œ์Šคํ…œ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํŒŒํ‹ฐ์…˜์€ ์—…๋ฐ์ดํŠธ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค' ํ•ด๊ฒฐ๋ฐฉ๋ฒ• ์„œ๋ก  ์œˆ๋„์šฐ 10 ์—…๋ฐ์ดํŠธ๋Š” ์ปดํ“จํ„ฐ์˜ ์„ฑ๋Šฅ ํ–ฅ์ƒ๊ณผ ๋ณด์•ˆ ์—…๋ฐ์ดํŠธ๋ฅผ ํฌํ•จํ•˜์—ฌ ์ค‘์š”ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋•Œ๋กœ๋Š” ์—…๋ฐ์ดํŠธ ์„ค์น˜ ๊ณผ์ •์—์„œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. '์‹œ์Šคํ…œ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํŒŒํ‹ฐ์…˜์€ ์—…๋ฐ์ดํŠธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค' ์—๋Ÿฌ ๋ฉ”์‹œ์ง€๋Š” ์—…๋ฐ์ดํŠธ ์„ค์น˜ ์ค‘ ๋ฐœ์ƒํ•˜๋Š” ์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์›์ธ ๋ถ„์„ ์ด ์—๋Ÿฌ ๋ฉ”์‹œ์ง€๊ฐ€ ๋‚˜ํƒ€๋‚˜๋Š” ์ฃผ์š” ์›์ธ์€ ์‹œ์Šคํ…œ ์˜ˆ์•ฝ ํŒŒํ‹ฐ์…˜์ด ์ถฉ๋ถ„ํ•œ ๊ณต๊ฐ„์„ ํ™•๋ณดํ•˜์ง€ ๋ชปํ•œ ๊ฒฝ์šฐ์ž…๋‹ˆ๋‹ค. ์ด ํŒŒํ‹ฐ์…˜์€ ์œˆ๋„์šฐ ์šด์˜์ฒด์ œ์˜ ๋ถ€ํŒ…๊ณผ ๊ด€๋ จ๋œ ์ค‘์š”ํ•œ ์ •๋ณด๋ฅผ ์ €์žฅํ•˜๋Š” ๊ณณ์œผ๋กœ, ์ถฉ๋ถ„ํ•œ ๊ณต๊ฐ„์„ ํ™•๋ณดํ•˜์ง€ ์•Š์œผ๋ฉด ์—…๋ฐ์ดํŠธ ์„ค์น˜์— ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ.. 2023. 8. 9.
ํฌ๋กœ๋ฏธ์›€ [Google API ํ‚ค๊ฐ€ ๋ˆ„๋ฝ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Chromium์˜ ์ผ๋ถ€ ๊ธฐ๋Šฅ์ด ์‚ฌ์šฉ ์ค‘์ง€๋ฉ๋‹ˆ๋‹ค.] ํ•ด๊ฒฐ๋ฐฉ๋ฒ• ํฌ๋กœ๋ฏธ์›€ [Google API ํ‚ค๊ฐ€ ๋ˆ„๋ฝ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Chromium์˜ ์ผ๋ถ€ ๊ธฐ๋Šฅ์ด ์‚ฌ์šฉ ์ค‘์ง€๋ฉ๋‹ˆ๋‹ค.] Google API keys missing ์„œ๋ก  ํฌ๋กœ๋ฏธ์›€(Chromium)์€ ๊ตฌ๊ธ€ ํฌ๋กฌ(Chrome) ๋ธŒ๋ผ์šฐ์ €์˜ ์˜คํ”ˆ ์†Œ์Šค ํ”„๋กœ์ ํŠธ๋กœ, ์›น ๋ธŒ๋ผ์šฐ์ง• ๊ธฐ๋Šฅ๊ณผ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ์ธ๊ธฐ ์žˆ๋Š” ์›น ๋ธŒ๋ผ์šฐ์ € ์—”์ง„์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋•Œ๋•Œ๋กœ ํฌ๋กœ๋ฏธ์›€์„ ์„ค์น˜ํ•˜๊ณ  ์‹คํ–‰ํ•˜๋ฉด "Google API ํ‚ค๊ฐ€ ๋ˆ„๋ฝ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Chromium์˜ ์ผ๋ถ€ ๊ธฐ๋Šฅ์ด ์‚ฌ์šฉ ์ค‘์ง€๋ฉ๋‹ˆ๋‹ค."๋ผ๋Š” ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€๊ฐ€ ๋‚˜ํƒ€๋‚  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋Š” Google API ํ‚ค๊ฐ€ ์—†์–ด์„œ ๋ฐœ์ƒํ•˜๋Š” ๊ฒƒ์œผ๋กœ, ์‚ฌ์šฉ ์ค‘์ง€๋œ ๊ธฐ๋Šฅ์€ ๊ตฌ๊ธ€๊ณผ ์—ฐ๋™ํ•˜์—ฌ ์ œ๊ณต๋˜๋Š” ๊ธฐ๋Šฅ๋“ค์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๊ฐ„๋‹จํ•œ ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Google API ํ‚ค๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š๋„๋ก ์„ค์ •ํ• .. 2023. 8. 6.