Banner

My Tech Blog (์ œ๋ชฉ)

์˜ค๋Š˜์˜ ๋ช…์–ธ
ยท Diary
ํญ์‹น ์†์•˜์ˆ˜๋‹ค When Life Gives You Tangerines ํ‘œ์ค€๋ง : ๋งค์šฐ ์ˆ˜๊ณ ํ•˜์…จ์Šต๋‹ˆ๋‹ค.์žฅ๋ฅด๋Š” ๋กœ๋งจ์Šค, ํœด๋จผ, ์‹œ๋Œ€๊ทน์ด 16ํŽธ์ด๊ณ  ๋„ทํ”Œ๋ฆญ์Šค ๋งค์ฃผ ๊ธˆ์š”์ผ ์˜คํ›„ 5์‹œ ๋ฐฉ์˜์ค‘์ด๊ณ  ์ œ์ž‘๋น„ 600์–ต์› ์•„์ด์œ  ๋‚˜์˜ค๋Š” ๋“œ๋ผ๋งˆ 'ํญ์‹น ์†์•˜์ˆ˜๋‹ค' ์ง„์งœ ๊ฐ•์ถ”...์•„์ด์œ  ์ธ์ƒ์ž‘์•„์ด์œ  ์ตœ๊ณ ์˜ ๋“œ๋ผ๋งˆ๋‹ค... ใ… ใ… ์ด๊ฑฐ ๋ณด๊ณ  ์•ˆ์šธ๋ฉด ๋‹น์‹  ํ”ผ๋„๋ˆˆ๋ฌผ๋„ ์—†๋Š” ๋กœ๋ด‡ ์š”์ฆ˜ ์‚ฌ๋žŒ๋“ค์ด ๊ผญ ๋ด์•ผ ํ•  ๋‚ด์šฉ์ด๋‹ค..์š”์ฆ˜ ์šฐ๋ฆฌ๊ฐ€ ์‚ฌ๋Š” ์„ธ์ƒ์—๋Š” ์ •๋ง๋กœ ๋ชจ๋“  ๊ฒŒ ๋‹ค ์žˆ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ ๋‹ค.์˜›๋‚  ์„ธ์ƒ์—์„œ๋Š” '๊ฐ€๋‚œํ•˜๋‹ค'๊ฒŒ ์‚ฐ๋‹ค๋Š” ๊ฒŒ ์–ด๋–ค ๊ฑธ ์˜๋ฏธํ•˜๋Š”์ง€ ์•Œ๊ฒŒ ํ•ด์ฃผ๋Š” ์ž‘ํ’ˆ๊ฐ€์Šด ์•„ํ”„๊ณ  ๋งŽ์€ ์ƒ๊ฐ์„ ํ•˜๊ฒŒ ํ•œ๋‹ค. ์•„์ด์œ ๊ฐ€ 2์‚ฌ๋žŒ์„ ์—ฐ๊ธฐํ•˜๋Š”๋ฐ์ฒ˜์Œ์— ๋‚˜์˜ค๋Š” ํ• ๋จธ๋‹ˆ์˜ ์–ด๋ฆฐ์‹œ์ ˆ๋„ ์•„์ด์œ ๊ณ ๊ทธ ํ• ๋จธ๋‹ˆ์˜ ๋”ธ๋„ ์•„์ด์œ .... ์‹œ๋ฆฌ์ฆˆ๊ฐ€ ์‹œ์ž‘๋˜๋ฉด ๊ณต์›์˜ ๋‚˜๋ฌด ํ…Œ์ด๋ธ” ..
์ถœ๋ ฅํ•  ๋•Œ ์ œ๋ชฉ์„ ์œ„์— ๊ณ ์ •ํ•ด์„œ ๋งค ํŽ˜์ด์ง€๋งˆ๋‹ค ๋ฐ˜๋ณต ์ถœ๋ ฅ๋˜๊ฒŒ ํ•˜๋Š” ๋ฒ•์ƒ๋‹จ ๋ฆฌ๋ณธ๋ฉ”๋‰ดํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ํƒญํŽ˜์ด์ง€ ์„ค์ • ๊ทธ๋ฃน์—์„œ ์ธ์‡„ ์ œ๋ชฉ ๋ฒ„ํŠผ ํด๋ฆญ๋‚˜ํƒ€๋‚˜๋Š” ์ฐฝ์—์„œ ์‹œํŠธ ํƒญ ์„ ํƒ๋ฐ˜๋ณตํ•  ํ–‰์—์„œ ๊ณ ์ •ํ•˜๊ณ  ์‹ถ์€ ํ–‰์„ ์„ ํƒ์˜ˆ: $1:$1 โ†’ ์ฒซ ๋ฒˆ์งธ ํ–‰์„ ๋ฐ˜๋ณต์˜ˆ: $2:$3 โ†’ ๋‘ ๋ฒˆ์งธ์™€ ์„ธ ๋ฒˆ์งธ ํ–‰์„ ๋ฐ˜๋ณตํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ์—์„œ "๋ฐ˜๋ณตํ•  ํ–‰"์„ ์ง€์ •ํ•  ๋•Œ๋Š” ์ ˆ๋Œ€์ฐธ์กฐ($) ํ˜•์‹์„ ์‚ฌ์šฉํ•ด์•ผ ํ•จ.์ ˆ๋Œ€์ฐธ์กฐ ์—†์ด 1:1์ฒ˜๋Ÿผ ์ž…๋ ฅํ•˜๋ฉด, ์—‘์…€์ด ์ด๋ฅผ ์ œ๋Œ€๋กœ ์ฒ˜๋ฆฌํ•˜์ง€ ๋ชปํ•˜๋ฏ€๋กœ ๊ผญ $๋ฅผ ๋ถ™์—ฌ ์‚ฌ์šฉํ•˜๊ธฐ๐Ÿ˜Š  ์ฐธ๊ณ ๋กœ ์—ด์ด ์•ˆ ๋งž์„ ๋•Œ๋Š” [์ธ์‡„] > [์„ค์ •] > [ํ•œ ํŽ˜์ด์ง€์— ๋ชจ๋“  ์—ด ๋งž์ถ”๊ธฐ] ์„ ํƒํ•˜์ž  ๊ทธ๋Ÿผ ์ถœ๋ ฅํ• ๋•Œ ํŽ˜์ด์ง€๋งˆ๋‹ค ์ œ๋ชฉ์ด ๋ถ™์–ด์„œ ๋‚˜์˜จ๋‹ค
โœจํ…์ŠคํŠธ ๊ฐ•์กฐํ•˜๊ธฐโœจ ์•ˆ๋…•ํ•˜์„ธ์š”. html/css๋ฅผ ํ™œ์šฉํ•˜์—ฌ ํ…์ŠคํŠธ๋ฅผ ๊ฐ•์กฐํ•˜๋Š” ๋ฒ•์„ ์•Œ๋ ค๋“œ๋ฆด๊ฒŒ์š”. ํ…์ŠคํŠธ์— ํ˜•๊ด‘ํŽœ ์น ํ•œ ๊ฒƒ ๊ฐ™์€ ํšจ๊ณผ ๋‚˜ํƒ€๋‚ด๊ธฐ, ์ ์œผ๋กœ ๊ธ€์”จ ๊ฐ•์กฐํ•˜๊ธฐ, ๋ฌผ๊ฒฐ์„ ์œผ๋กœ ํ…์ŠคํŠธ ๊ฐ•์กฐํ•˜๊ธฐ, ๊ธ€์ž์— ์ค„๊ธ€ ๋ฐฐ๊ฒฝ๋„ฃ๊ธฐ ๊ฐ™์ด ํ•ด๋ด์š”.    โšก 1. ๋งˆํฌ๋ฅผ ์ด์šฉํ•œ ํ…์ŠคํŠธ ๊ฐ•์กฐํ•˜๊ธฐ๊ฐ€์ƒ์š”์†Œ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ , background-image์†์„ฑ์œผ๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ ํ˜•๊ด‘ํŽœ์œผ๋กœ ๋ฐ‘์ค„์„ ๊ทธ์€ ๊ฒƒ ๊ฐ™์€ ํšจ๊ณผ๋ฅผ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.  ์„ ์˜ ๊ตต๊ธฐ๋ฅผ ์ง์ ‘ ์ง€์ •ํ•ด ์ค„ ์ˆ˜ ์žˆ์–ด์š”.  โœ”๏ธ HTML ์ฝ”๋“œ๊ฐ•์กฐํ•  ํ…์ŠคํŠธ์— ํ˜•๊ด‘ํŽœ์œผ๋กœ๋ฐ‘์ค„์„ ๊ทธ์€ ๊ฒƒ์ฒ˜๋Ÿผ ํ‘œํ˜„ํ•˜๊ธฐโœ”๏ธCSS ์ฝ”๋“œp { font-size: 40px;}.emphasis { background-image: linear-gradient( /* ์„ ํ˜• ๊ทธ๋ผ๋ฐ์ด์…˜ */ r..
โœจ์ œ๋ชฉ &ํ…์ŠคํŠธ ๋””์ž์ธโœจ    ๐Ÿ“Œ 1.  ๊ฐ€๋กœ ์„ ์ด ๋‘ ๊ฐœ ์žˆ๋Š” ์ œ๋ชฉ ๋””์ž์ธ2๊ฐœ์˜ ์„ ์œผ๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ œ๋ชฉ์„ ๊พธ๋ฉฐ๋ด์š”. position: absolute ๋Œ€์‹  flex๋ฅผ ์ด์šฉํ•ด์„œ ์ฝ”๋“œ๋ฅผ ๊ตฌํ˜„ํ•ด ๋ณผ๊ฒŒ์š”.  โ˜‘๏ธ HTML ์ฝ”๋“œ๋ฉ‹์ง„ ์›น๋””์ž์ธ์„ ์œ„ํ•œ ์•„์ด๋””์–ดโ˜‘๏ธ CSS ์ฝ”๋“œ.heading { display: flex; justify-content: center; align-items: center; font-size: 36px;}.heading::before,.heading::after { content: ''; width: 70px; height: 3px; background-color: #ffb28e;}.heading::before { margin-right: ..
์•ˆ๋…•ํ•˜์„ธ์š” :)๋ธ”๋กœ๊ทธ ๊พธ๋ฏธ๊ธฐ / ์œ ํŠœ๋ธŒ ์ œ๋ชฉ์šฉ ์ด๋ชจํ‹ฐ์ฝ˜ ๋ชจ์Œ์ž…๋‹ˆ๋‹ค.์ œ ๋ธ”๋กœ๊ทธ๋Š” ๋“œ๋ž˜๊ทธ๋ฅผ ํ—ˆ์šฉํ•˜๊ณ  ์žˆ์œผ๋‹ˆ ๋ณต์‚ฌํ•ด์„œ ์‚ฌ์šฉํ•˜์‹œ๋ฉด ๋ผ์š”. ๊ทธ๋ฆฌ๊ตฌ ์ด๋ชจํ‹ฐ์ฝ˜ ๊ฒ€์ƒ‰ํ•ด์„œ ๋ณต์‚ฌํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ ํ•˜๋‚˜ ์ถ”์ฒœํ•ด๋“œ๋ ค์š”.์ด๋ชจ์ง€ ํ”ผ๋””์•„ ์—ฌ๊ธฐ์˜ˆ์š” ์นดํ”ผ ๋ฒ„ํŠผ ๋ˆ„๋ฅธ ํ›„ ๊ฐ„๋‹จํžˆ ๋ณต์‚ฌํ•ด์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅ ใ…Žใ…Žใ…Žใ…Ž ! ๋Œ€์‹  ์˜์–ด๋กœ ๊ฒ€์ƒ‰ํ•˜์…”์•ผ ํ•œ๋‹ค๋Š”๊ณ  ! > https://emojipedia.org ๐Ÿ“™ Emojipedia โ€” ๐Ÿ˜ƒ Home of Emoji Meanings ๐Ÿ’๐Ÿ‘Œ๐ŸŽ๐Ÿ˜What's New In Unicode 16.0 Today the latest emoji list will be released by the Unicode Consortium, with additions including a harp, a shovel, ..
์ƒ๋‹จ์œผ๋กœ