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

Lect & Tip101

๊ตฌ๊ธ€ BlogSpot title ๋ธ”๋กœ๊ทธํƒ€์ดํ‹€+ํŽ˜์ด์ง€ํƒ€์ดํ‹€ SEO ๋ณ€๊ฒฝ, google blogger ํ…Œ๋งˆ html ํŽธ์ง‘ ๋ฐฉ๋ฒ• Google BlogSpot์˜ ๋ธ”๋กœ๊ทธ ํƒ€์ดํ‹€๊ณผ ํŽ˜์ด์ง€ ํƒ€์ดํ‹€์„ SEO ์ตœ์ ํ™”ํ•˜๋Š” ๋ฐฉ๋ฒ• ๊ตฌ๊ธ€์˜ ๋ธ”๋กœ๊ทธ ํ”Œ๋žซํผ ์ค‘ ํ•˜๋‚˜์ธ BlogSpot์€ ๋งŽ์€ ๋ธ”๋กœ๊ฑฐ๋“ค์—๊ฒŒ ์ธ๊ธฐ ์žˆ๋Š” ์„ ํƒ์ง€์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ฐ€๋”์”ฉ ํƒœ๊ทธ์— ๋ธ”๋กœ๊ทธ ํƒ€์ดํ‹€๊ณผ ํŽ˜์ด์ง€ ํƒ€์ดํ‹€์ด ํ•จ๊ป˜ ํ‘œ์‹œ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” SEO ์ธก๋ฉด์—์„œ ๋ฐ”๋žŒ์งํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ ์ž ํ•˜๋Š” ๋ธ”๋กœ๊ฑฐ๋“ค์„ ์œ„ํ•ด Google Blogger์˜ ํ…Œ๋งˆ HTML์„ ํŽธ์ง‘ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ œ์‹œํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ํƒ€์ดํ‹€ ์ˆ˜์ • ๋ฐฉ๋ฒ• ๊ตฌ๊ธ€ BlogSpot์„ ์ด์šฉํ•˜๋‹ค๋ณด๋ฉด, ํƒœ๊ทธ์˜ ๋‚ด์šฉ์— ์ž„์˜๋กœ "๋ธ”๋กœ๊ทธํƒ€์ดํ‹€+ํŽ˜์ด์ง€ํƒ€์ดํ‹€"์ด ๋“ค์–ด๊ฐ€๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ƒ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๋ธ”๋กœ๊ทธ์˜ SEO์— ๋ถ€์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์น  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฐ ์ƒํ™ฉ์„ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋‹จ๊ณ„๋ฅผ ๋”ฐ๋ฅด๋ฉด ๋ฉ๋‹ˆ.. 2024. 3. 23.
(Javascript)๊ฐœ๋ฐœ์ž ๋„๊ตฌ ์ฝ˜์†”์ฐฝ ์ฐจ๋‹จ ๋ฐฉ๋ฒ• - ์‚ฌ์ดํŠธ ์ด๋™ [๊ฒฝ๊ณ ] ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๊ฐ€ ๊ฐ์ง€๋˜์—ˆ์Šต๋‹ˆ๋‹ค. (Javascript)๊ฐœ๋ฐœ์ž ๋„๊ตฌ ์ฝ˜์†”์ฐฝ ์ฐจ๋‹จ ๋ฐฉ๋ฒ• - ์‚ฌ์ดํŠธ ์ด๋™ [๊ฒฝ๊ณ ] ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๊ฐ€ ๊ฐ์ง€๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž ๋„๊ตฌ ์ฐจ๋‹จ์˜ ํ•œ๊ณ„์™€ ์‹ค์šฉ์  ์ ‘๊ทผ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๋ฅผ ์ฐจ๋‹จํ•˜๋ ค๋Š” ์ฃผ๋œ ๋ชฉ์ ์€ ๋ณด์•ˆ ๊ฐ•ํ™”๋‚˜ HTML ๋ฐ CSS์˜ ์ˆจ๊น€์„ ์œ„ํ•จ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ค‘์š”ํ•œ ๊ฒƒ์€, ์ฝ˜์†” ์ฐฝ์„ ๋ง‰๋Š” ๊ฒƒ์ด ๊ธฐ์ˆ ์ ์œผ๋กœ ์™„๋ฒฝํ•œ ๋ฐฉ๋ฒ•์€ ์•„๋‹ˆ๋ผ๋Š” ์ ์ž…๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ, ์–ด๋Š ์ •๋„๋Š” ๋šซ๋ฆด ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ, ์ด ๊ธฐ๋Šฅ์€ ๋ณด์กฐ์ ์ธ ์ˆ˜๋‹จ์œผ๋กœ๋งŒ ํ™œ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ์ฝ˜์†” ์ฐฝ ์ฐจ๋‹จ ์ฝ”๋“œ์˜ ์‚ฝ์ž… ์œ„์น˜์™€ ์˜ˆ์ œ Stack Overflow์™€ ๊ฐ™์€ ์‚ฌ์ดํŠธ์—๋Š” ๋งŽ์€ ์ฝ˜์†” ์ฐฝ ์ฐจ๋‹จ ์ฝ”๋“œ๊ฐ€ ์กด์žฌํ•˜์ง€๋งŒ, ๋ธŒ๋ผ์šฐ์ €์˜ ์—…๋ฐ์ดํŠธ๋กœ ์ธํ•ด ๋Œ€๋ถ€๋ถ„์˜ ์ฝ”๋“œ๊ฐ€ ๋ฌด๋ ฅํ™”๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ƒํ™ฉ์—์„œ Ukjin Yang ๊ฐœ๋ฐœ์ž๊ฐ€ ๋งŒ๋“  ์ฝ”๋“œ๊ฐ€ ์œ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์ฝ”๋“œ๋ฅผ ํ™œ.. 2023. 12. 14.
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.