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

HTML4

์— ๋น„ํ‹ฐ์•„์ด ๊ฒ€์‚ฌ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์— ๋น„ํ‹ฐ์•„์ด ๊ฒ€์‚ฌ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์›น์‚ฌ์ดํŠธ ๋ฐฉ๋ฌธ์ž๊ฐ€ ์ž์‹ ์˜ ์„ฑ๊ฒฉ ์œ ํ˜•์„ ๊ฐ„ํŽธํ•˜๊ฒŒ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๋Š” MBTI ๊ฒ€์‚ฌ๋Š” ์‚ฌ์šฉ์ž ์ฐธ์—ฌ ๋„๊ตฌ๋กœ์„œ ๋ธ”๋กœ๊ทธ ํŠธ๋ž˜ํ”ฝ ์œ ์ž…๊ณผ ์ฒด๋ฅ˜ ์‹œ๊ฐ„ ์ฆ๋Œ€์— ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค. ํŠนํžˆ ์›Œ๋“œํ”„๋ ˆ์Šค ํฌ์ŠคํŒ… ๋‚ด์—์„œ ๋ฐ”๋กœ ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฝ์ž…ํ•˜๋ฉด ๋ณ„๋„ ํŽ˜์ด์ง€ ์ด๋™ ์—†์ด ๋…์ž ๊ฒฝํ—˜์„ ๋†’์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ณธ ๊ฐ€์ด๋“œ์—์„œ๋Š” ์ˆœ์ˆ˜ HTML/CSS/JavaScript๋งŒ์œผ๋กœ ๊ตฌ์„ฑ๋œ MBTI ๊ฒ€์‚ฌ ์œ„์ ฏ์„ ์›Œ๋“œํ”„๋ ˆ์Šค ํฌ์ŠคํŠธ ์•ˆ์— ์ง์ ‘ ์‚ฝ์ž…ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋‹จ๊ณ„๋ณ„๋กœ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.๋ชฉํ‘œ: ์›Œ๋“œํ”„๋ ˆ์Šค ํฌ์ŠคํŠธ ๋ณธ๋ฌธ์— ๋ณต์‚ฌ·๋ถ™์—ฌ๋„ฃ๊ธฐ๋งŒ์œผ๋กœ ์ž‘๋™ํ•˜๋Š” MBTI ๊ฒ€์‚ฌ ์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ์ œ๊ณต๋Œ€์ƒ: ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž, ๋ธ”๋กœ๊ฑฐ, ์›Œ๋“œํ”„๋ ˆ์Šค ์šด์˜์ž์š”๊ตฌ์‚ฌํ•ญ: ์›Œ๋“œํ”„๋ ˆ์Šค ์—๋””ํ„ฐ์˜ ํ…์ŠคํŠธ(HTML) ๋ชจ๋“œ์—์„œ ์Šคํฌ๋ฆฝํŠธ ํƒœ๊ทธ๋ฅผ ํ—ˆ์šฉํ•˜๋Š” ํ™˜๊ฒฝ์ด์–ด์•ผ ํ•จ์— ๋น„ํ‹ฐ์•„์ด .. 2025. 4. 27.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ทผ๋กœ๊ธฐ์ค€๋ฒ• ์—ฐ์ฐจ์ผ์ˆ˜ ๊ณ„์‚ฐ๊ธฐ ๋งŒ๋“ค๊ธฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ทผ๋กœ๊ธฐ์ค€๋ฒ• ์—ฐ์ฐจ์ผ์ˆ˜ ๊ณ„์‚ฐ๊ธฐ ๋งŒ๋“ค๊ธฐ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ทผ๋กœ๊ธฐ์ค€๋ฒ• ์—ฐ์ฐจ์ผ์ˆ˜ ๊ณ„์‚ฐ๊ธฐ๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์—ฐ์ฐจํœด๊ฐ€ ๊ณ„์‚ฐ๊ธฐ๋Š” ๊ทผ๋กœ์ž์˜ ์ž…์‚ฌ์ผ, ๊ทผ๋กœ๊ธฐ๊ฐ„, ๊ทธ๋ฆฌ๊ณ  ์ถœ๊ทผ์œจ์„ ๊ธฐ์ค€์œผ๋กœ ์—ฐ์ฐจํœด๊ฐ€์ผ์ˆ˜๋ฅผ ์ž๋™์œผ๋กœ ๊ณ„์‚ฐํ•ด์ฃผ๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ๊ฐ„๋‹จํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด ์—ฐ์ฐจํœด๊ฐ€์ผ์ˆ˜๋ฅผ ๊ณ„์‚ฐํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋‹จ๊ณ„๋ณ„๋กœ ์„ค๋ช…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.๊ทผ๋กœ๊ธฐ์ค€๋ฒ• ์—ฐ์ฐจ์ผ์ˆ˜ ๊ณ„์‚ฐ๊ธฐํ•„์š”ํ•œ ์ค€๋น„๋ฌผ์—ฐ์ฐจํœด๊ฐ€ ๊ณ„์‚ฐ๊ธฐ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ค€๋น„๋ฌผ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค:HTML ํŒŒ์ผ: ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ HTML ์ฝ”๋“œCSS ํŒŒ์ผ: ์Šคํƒ€์ผ๋ง์„ ์œ„ํ•œ CSS ์ฝ”๋“œ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ: ์—ฐ์ฐจํœด๊ฐ€์ผ์ˆ˜๋ฅผ ๊ณ„์‚ฐํ•˜๋Š” ๋กœ์ง์„ ํฌํ•จํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œHTML ์ฝ”๋“œ ์ž‘์„ฑ๋จผ์ €, HTML ํŒŒ์ผ์„ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค. ์ด ํŒŒ์ผ์—๋Š” ์‚ฌ์šฉ์ž ์ž…๋ ฅ์„ ๋ฐ›.. 2024. 6. 16.
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.
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.