Tiny Bunny 'archive' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก
๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

archive1

ํ‹ฐ์Šคํ† ๋ฆฌ์— ์›นํฐํŠธ ์ ์šฉํ•˜๊ธฐ https://noonnu.cc/ ๋ˆˆ๋ˆ„์ƒ์—…์šฉ ๋ฌด๋ฃŒํ•œ๊ธ€ํฐํŠธ ์‚ฌ์ดํŠธnoonnu.cc1. ๋จผ์ € ์›นํฐํŠธ ์‚ฌ์ดํŠธ์—์„œ ๋งˆ์Œ์— ๋“œ๋Š” ํฐํŠธ๋ฅผ ๊ณ ๋ฅธ๋‹ค. 2. ํฐํŠธ ์ƒ์„ธ ํŽ˜์ด์ง€ ์šฐ์ธก '์›นํฐํŠธ๋กœ ์‚ฌ์šฉ' ๋ถ€๋ถ„์„ ๋ณต์‚ฌํ•œ๋‹ค. 3. ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๊ด€๋ฆฌ๋กœ ๋“ค์–ด๊ฐ€์„œ ๊พธ๋ฏธ๊ธฐ ํƒญ์˜ ์Šคํ‚จ ํŽธ์ง‘์„ ํด๋ฆญํ•œ๋‹ค. 4. ์šฐ์ธก์— ์žˆ๋Š” html ํŽธ์ง‘์„ ๋ˆ„๋ฅธ๋‹ค. 5. CSS๋กœ ๋“ค์–ด๊ฐ€ ์•„๊นŒ ๋ณต์‚ฌํ•œ ์ฝ”๋“œ๋ฅผ ๋ถ™์—ฌ๋„ฃ๊ธฐ ํ•œ๋‹ค. ์œ„์น˜๋Š” ํŽธ์˜์ƒ Web Font Load ์ฃผ์„ ์•„๋ž˜์— ๋„ฃ์—ˆ์Œ! 6. ๋ฐ”๋กœ ๋ฐ‘์— ์žˆ๋Š” body ํƒœ๊ทธ font-family ์†์„ฑ์— ๊ฐ€์ ธ์˜จ ํฐํŠธ๋ช…์„ ์ ์–ด์ค€๋‹ค. 7. ๋งŒ์•ฝ ํ™ˆ์—๋งŒ ์ ์šฉ๋˜๊ณ  ๊ธ€์€ ๊ทธ๋Œ€๋กœ๋ผ๋ฉด article-view ํƒœ๊ทธ๋ฅผ ๊ฒ€์ƒ‰ํ•ด ๋˜‘๊ฐ™์ด ๋ถ™์—ฌ๋„ฃ์–ด์ค€๋‹ค. 8. ๋งˆ์ง€๋ง‰์œผ๋กœ ์ž˜ ์ ์šฉ๋๋Š”์ง€ ํ™•์ธํ•˜๋ฉด ๋! 2024. 6. 29.
728x90

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”