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

Lect & Tip133

JavaScript RGB ์ƒ‰์ƒํ‘œ JavaScript RGB ์ƒ‰์ƒํ‘œ์›น ํผ๋ธ”๋ฆฌ์‹ฑ๊ณผ ๋””์ž์ธ ์ž‘์—…์„ ํ•  ๋•Œ RGB ์ƒ‰์ƒ ์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ž‘์—…์„ ํšจ์œจ์ ์œผ๋กœ ํ•˜๊ธฐ ์œ„ํ•ด JavaScript๋กœ RGB ์ƒ‰์ƒํ‘œ๋ฅผ ๊ตฌํ˜„ํ•˜๋ฉด ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” JavaScript๋กœ RGB ์ƒ‰์ƒํ‘œ๋ฅผ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ๊ทธ ํ™œ์šฉ ๋ฐฉ์•ˆ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.RGB ์ƒ‰์ƒ ์ดํ•ดํ•˜๊ธฐRGB๋Š” Red(๋นจ๊ฐ•), Green(์ดˆ๋ก), Blue(ํŒŒ๋ž‘)์˜ ์•ฝ์ž๋กœ, ์ด ์„ธ ๊ฐ€์ง€ ์ƒ‰์ƒ์˜ ์กฐํ•ฉ์œผ๋กœ ๋‹ค์–‘ํ•œ ์ƒ‰์ƒ์„ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ ์ƒ‰์ƒ์€ 0์—์„œ 255๊นŒ์ง€์˜ ๊ฐ’์„ ๊ฐ€์ง€๋ฉฐ, ์ด๋ฅผ ์กฐํ•ฉํ•˜์—ฌ 16,777,216๊ฐ€์ง€์˜ ์ƒ‰์ƒ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, (255, 0, 0)์€ ์ˆœ์ˆ˜ํ•œ ๋นจ๊ฐ„์ƒ‰์„ ๋‚˜ํƒ€๋‚ด๊ณ , (0, 255, 0)์€ ์ˆœ์ˆ˜ํ•œ ์ดˆ๋ก์ƒ‰์„, (0, 0, 255)์€ ์ˆœ์ˆ˜ํ•œ .. 2024. 5. 19.
๊ตฌ๊ธ€ BlogSpot title ๋ธ”๋กœ๊ทธํƒ€์ดํ‹€+ํŽ˜์ด์ง€ํƒ€์ดํ‹€ SEO ๋ณ€๊ฒฝ, google blogger ํ…Œ๋งˆ html ํŽธ์ง‘ ๋ฐฉ๋ฒ• Google BlogSpot์˜ ๋ธ”๋กœ๊ทธ ํƒ€์ดํ‹€๊ณผ ํŽ˜์ด์ง€ ํƒ€์ดํ‹€์„ SEO ์ตœ์ ํ™”ํ•˜๋Š” ๋ฐฉ๋ฒ• ๊ตฌ๊ธ€์˜ ๋ธ”๋กœ๊ทธ ํ”Œ๋žซํผ ์ค‘ ํ•˜๋‚˜์ธ BlogSpot์€ ๋งŽ์€ ๋ธ”๋กœ๊ฑฐ๋“ค์—๊ฒŒ ์ธ๊ธฐ ์žˆ๋Š” ์„ ํƒ์ง€์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ฐ€๋”์”ฉ ํƒœ๊ทธ์— ๋ธ”๋กœ๊ทธ ํƒ€์ดํ‹€๊ณผ ํŽ˜์ด์ง€ ํƒ€์ดํ‹€์ด ํ•จ๊ป˜ ํ‘œ์‹œ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” SEO ์ธก๋ฉด์—์„œ ๋ฐ”๋žŒ์งํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ ์ž ํ•˜๋Š” ๋ธ”๋กœ๊ฑฐ๋“ค์„ ์œ„ํ•ด Google Blogger์˜ ํ…Œ๋งˆ HTML์„ ํŽธ์ง‘ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ œ์‹œํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ํƒ€์ดํ‹€ ์ˆ˜์ • ๋ฐฉ๋ฒ• ๊ตฌ๊ธ€ BlogSpot์„ ์ด์šฉํ•˜๋‹ค๋ณด๋ฉด, ํƒœ๊ทธ์˜ ๋‚ด์šฉ์— ์ž„์˜๋กœ "๋ธ”๋กœ๊ทธํƒ€์ดํ‹€+ํŽ˜์ด์ง€ํƒ€์ดํ‹€"์ด ๋“ค์–ด๊ฐ€๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ƒ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๋ธ”๋กœ๊ทธ์˜ SEO์— ๋ถ€์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์น  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฐ ์ƒํ™ฉ์„ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋‹จ๊ณ„๋ฅผ ๋”ฐ๋ฅด๋ฉด ๋ฉ๋‹ˆ.. 2024. 3. 23.
Vs-code extension error: This extension is deprecated as it is no longer being maintained, deprecated๋œ VS ์ฝ”๋“œ ํ”Œ๋Ÿฌ๊ทธ์ธ ๋ณด๊ธฐ Vs-code extension error: This extension is deprecated as it is no longer being maintained, deprecated๋œ VS ์ฝ”๋“œ ํ”Œ๋Ÿฌ๊ทธ์ธ ๋ณด๊ธฐVisual Studio Code (VS Code)๋Š” ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ์‚ฌ๋ž‘๋ฐ›๋Š” ์ฝ”๋“œ ์—๋””ํ„ฐ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋•Œ๋กœ๋Š” ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ(extension) ๊ด€๋ จ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. "This extension is deprecated as it is no longer being maintained"๋ผ๋Š” ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€๋Š” ๊ทธ๋Ÿฌํ•œ ๋ฌธ์ œ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ์›์ธ๊ณผ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.Vs-code extension error ๋ฌธ์ œ์˜ ์›์ธ์ด ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€๋Š” ํ™•์žฅ ํ”„๋กœ.. 2024. 3. 20.
(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.