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

Lect & Tip111

React ์‹คํ–‰ ์˜ค๋ฅ˜: npm ERR! errno -4058 ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• React ์‹คํ–‰ ์˜ค๋ฅ˜ - npm ERR! errno -4058 ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• React ํ”„๋กœ์ ํŠธ์—์„œ ๋ฐœ์ƒํ•˜๋Š” npm ์˜ค๋ฅ˜์˜ ์›์ธ๊ณผ ํ•ด๊ฒฐ์ฑ… React๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ ์ข…์ข… ๋งˆ์ฃผ์น˜๋Š” ๋ฌธ์ œ ์ค‘ ํ•˜๋‚˜๋Š” npm ERR! errno -4058 ์˜ค๋ฅ˜์ž…๋‹ˆ๋‹ค. ์ด ์˜ค๋ฅ˜๋Š” React ํ”„๋กœ์ ํŠธ๋ฅผ ์‹คํ–‰ํ•  ๋•Œ npm ๊ด€๋ จ ๋ฌธ์ œ๋กœ ์ธํ•ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ์ด ์˜ค๋ฅ˜์˜ ์›์ธ๊ณผ ๋‹ค์–‘ํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์ž์„ธํžˆ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์˜ค๋ฅ˜์˜ ์›์ธ ํŒŒ์•… npm ERR! errno -4058 ์˜ค๋ฅ˜๋Š” ์ฃผ๋กœ ํŒŒ์ผ ์‹œ์Šคํ…œ ๊ด€๋ จ ๋ฌธ์ œ์—์„œ ๋น„๋กฏ๋ฉ๋‹ˆ๋‹ค. ์ด๋Š” ํŒŒ์ผ ๋˜๋Š” ๋””๋ ‰ํ† ๋ฆฌ์— ์ ‘๊ทผํ•  ์ˆ˜ ์—†๊ฑฐ๋‚˜, ํ•„์š”ํ•œ ํŒŒ์ผ์ด ์—†์„ ๋•Œ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๊ตฌ์ฒด์ ์ธ ์›์ธ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค: ์ž˜๋ชป๋œ ํŒŒ์ผ ๊ฒฝ๋กœ: ํ”„๋กœ์ ํŠธ ๋‚ด์˜ ํŒŒ์ผ์ด๋‚˜ ๋””๋ ‰ํ† ๋ฆฌ ๊ฒฝ๋กœ๊ฐ€ ์ž˜๋ชป ์„ค์ •๋˜์—ˆ์„ ๋•Œ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๊ถŒํ•œ ๋ถ€.. 2023. 11. 28.
VS Code html ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค์™€ ํ•œ๋ฒˆ์— ์—ฌ๋Ÿฌ ํƒœ๊ทธ ์ˆ˜์ •ํ•˜๊ธฐ VS Code html ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค์™€ ํ•œ๋ฒˆ์— ์—ฌ๋Ÿฌ ํƒœ๊ทธ ์ˆ˜์ •ํ•˜๊ธฐ Visual Studio Code(์ดํ•˜ VS Code)๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ๋“ค ์‚ฌ์ด์—์„œ ๋„๋ฆฌ ์‚ฌ์šฉ๋˜๋Š” ํŽธ์ง‘๊ธฐ๋กœ, ๊ทธ ํšจ์œจ์„ฑ๊ณผ ์‚ฌ์šฉ ํŽธ์˜์„ฑ์œผ๋กœ ์ธํ•ด ํŠนํžˆ ์›น ๊ฐœ๋ฐœ์ž๋“ค ์‚ฌ์ด์—์„œ ํฐ ์ธ๊ธฐ๋ฅผ ์–ป๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. HTML์„ ์ž‘์—…ํ•  ๋•Œ VS Code๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋‹ค์–‘ํ•œ ๋‹จ์ถ•ํ‚ค์™€ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ์ž‘์—… ์†๋„๋ฅผ ๋Œ€ํญ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ณธ ๊ธ€์—์„œ๋Š” VS Code์—์„œ HTML ์ž‘์—… ์‹œ ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค์™€ ์—ฌ๋Ÿฌ ํƒœ๊ทธ๋ฅผ ํ•œ ๋ฒˆ์— ์ˆ˜์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. HTML ์ž‘์—…์„ ์œ„ํ•œ VS Code ๋‹จ์ถ•ํ‚ค Emmet Abbreviations: Emmet์€ HTML๊ณผ CSS ์ž‘์—…์„ ๋น ๋ฅด๊ฒŒ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ul>li*5๋ฅผ ์ž…๋ ฅํ•˜๊ณ  Tab ํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด,.. 2023. 11. 21.
1678. Goal Parser Interpretation leetcode javascript ํ•ด์„ ๋ฐ ํ’€์ด 1678. Goal Parser Interpretation leetcode javascript ํ•ด์„ ๋ฐ ํ’€์ด LeetCode ๋ฌธ์ œ ํ•ด์„ LeetCode์˜ "1678. Goal Parser Interpretation" ๋ฌธ์ œ๋Š” ๋ฌธ์ž์—ด ํ•ด์„๊ณผ ๊ด€๋ จ๋œ ๊ฐ„๋‹จํ•˜๋ฉด์„œ๋„ ํฅ๋ฏธ๋กœ์šด ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ์˜ ํ•ต์‹ฌ์€ ์ฃผ์–ด์ง„ ๋ฌธ์ž์—ด์—์„œ ํŠน์ • ํŒจํ„ด์„ ์‹๋ณ„ํ•˜๊ณ , ๊ทธ ํŒจํ„ด์— ๋”ฐ๋ผ ๋‹ค๋ฅธ ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ฌธ์ œ ์„ค๋ช… ์ด ๋ฌธ์ œ์—์„œ ์ฃผ์–ด์ง„ ๋ฌธ์ž์—ด์€ 'G', '()' ๋ฐ '(al)'์˜ ์„ธ ๊ฐ€์ง€ ํŒจํ„ด์œผ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ 'G'๋Š” ๊ทธ๋Œ€๋กœ 'G'๋กœ ํ‘œํ˜„๋˜๊ณ , '()'๋Š” 'o'๋กœ, ๊ทธ๋ฆฌ๊ณ  '(al)'์€ 'al'๋กœ ๋ณ€ํ™˜๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ์ž…๋ ฅ๋œ ๋ฌธ์ž์—ด์— ๋”ฐ๋ผ ํ•ด๋‹น ๊ทœ์น™์„ ์ ์šฉํ•ด ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด์„ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ์ด ์ด ๋ฌธ์ œ์˜ ๋ชฉํ‘œ.. 2023. 11. 20.
๋ฆฌ์•กํŠธ ์ฟผ๋ฆฌ 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.
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.