ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๋คํฌ๋ชจ๋ ๋ณํ ๊ณผ์ ์์ ๋ฒ๊ทธ ์ํ ์ ์ด๊ฒ ์ ๊ฒ ํ๊ณ ์๋๋ฐ, ์ด์ ๊ฑฐ์ ์์ฑํ ๋๋์ ๋๋ค. ๋ ์ ๋ณผ ๊ณณ์ด ๋ณ๋ก ์๋ค๋ ๋๋์ ๋ฐ๋ค์. ๋ง์ง๋ง์ผ๋ก ๊ทธ๋์ ์๋์ง ์์๋ ํ๋น์ฝ, ์์ด์ฝ ๋ถ๋ถ์ ์ดํด ๋ดค์ต๋๋ค. ์ฌ๋ฌ ์ ๋ฐฐ ๋ธ๋ก๊ฑฐ๋ค์ ์๋ด์ ๋ฐ๋ผ ์ ๋ธ๋ก๊ทธ๋ฅผ ์์งํ๋ ๋ฌด๋ฃ ์์ด์ฝ (www.iconfinder.com/free_icons)์ ๊ณจ๋ผ ๋ค์ด ๋ฐ์๊ณ , ํนํ 16x16 ํฝ์ ๋ก ์์ถํ์ ๋ ์ฌ์ ํ ๊ฐ๋ ์ฑ์ด ์ด์ ์์ ๋งํ ํ๋น์ฝ ํ๋ณด๋ฅผ ์ ์ ํ์ต๋๋ค.
ํ๋น์ฝ์ ํํ์ด์ง๋ฅผ ๋ํํ๋ ์์ ์์ด์ฝ์ธ๋ฐ favorite icon์ ์ฝ์๋ก favicon์ ๋๋ค. ๋ค์๊ณผ ๋ค์ด๋ฒ์ D์ N ๊ธ์๋ฅผ ๋ ์ฌ๋ฆฌ๋ฉด ๋ฌด์จ ๊ธฐ๋ฅ์ ํ๋์ง ์ฝ๊ฒ ์ง์์ด ๊ฐ๋ฅํฉ๋๋ค. ๊น์ ์ FixnSolve ์ฌ์ดํธ์ ๋ง์ถฐ ๋น์ฐํ K ๊ธ์๋ฅผ ์ ํํ์ต๋๋ค.
๋ธ๋ก๊ทธ ์ค์ ํ๋ฉด์์ ์์ด์ฝ๊ณผ ํ๋น์ฝ์ ์ ๋ก๋ํ๋ ๊ณณ์ด ์์ผ๋ ์ฐพ์์ ์ ๋ก๋ ํ๋ฉด ๋๊ฒ ์ต๋๋ค. ํ๋น์ฝ์ png ํ์ผ์ 16x16 ์ฌ์ด์ฆ ico ํ์ผ๋ก ๋ณํ (www.favicon-generator.org) ํด์ ์ ๋ก๋ํด์ผ ํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ์์๋ฒ ์คํจ html ํธ์ง์์ <head> .. </head> ์ฌ์ด์ ์๋ ์ฝ๋๋ฅผ ๋ถ์ฌ๋ฃ๊ธฐ ํ๋ฉด ์๋์ ๊ฐ์ด ํํ์ด์ง ์ฃผ์ ์์ ์์ ํ๋น์ฝ์ด ๋ํ๋ฉ๋๋ค.
<!Favicon>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
์์๋ฒ ์คํจ์ ์๋ก ์ฝ๋๋ฅผ ๋ฃ์ด์ผ ํ๋๋ฐ, ๋ค๋ฅธ ์คํจ์๋ ํ๋น์ฝ ์ฝ๋ ๋ถ๋ถ์ด ์ด๋ฏธ ํฌํจ๋ ๊ฒฝ์ฐ๋ ์์ผ๋ ํ์ธํด ๋ณด์๊ธฐ ๋ฐ๋๋๋ค. ํ๋น์ฝ์ด ๋์ํ๋ ๊ฒ์ ๋ณด๋ ค๋ฉด ๊ทธ๋์ ์น์ํ ์ค ๋ค์ด๋ก๋ํ๋ ํ์คํ ๋ฆฌ/์บ์ฌ ํ์ผ์ ์ง์์ค์ผ ํฉ๋๋ค. ์๊ทธ๋ฌ๋ฉด ๊ธฐ์กด์ ํฐ์คํ ๋ฆฌ T ๊ธ์ ํ๋น์ฝ์ด ์๋ฆฌ๋ฅผ ์ฐจ์งํ๊ณ ์์ ๊ฒ๋๋ค.
์์ด์ฝ๊ณผ ํ๋น์ฝ์ ์ ๋ก๋ํ๋ฉด ๋๊ธ/๋ฐฉ๋ช ๋ก ๋๋ค์ ์์ ์์ ๊ทธ๋ฆผ์ด ํ์๋๋ค(notice.tistory.com/1756)๊ณ ํด์ 2008๋ ๋์ ๊ณต๊ฐ๋ ํ๋ฌ๊ทธ์ธ๋ค์ ์ฌ์ฉํด ๋ดค์ต๋๋ค. ๊ทธ๋ฐ๋ฐ ์ด ํ๋ฌ๊ทธ์ธ์ด ๋๋ฌด ์ค๋ ์ ์ ๊ณต๊ฐ๋ ๊ฒ์ด๋ผ ๊ทธ๋ฐ์ง ์์๋ฒ ์คํจ์์ ์ ๋๋ก ์๋ํ์ง๋ฅผ ์๋ค์. ํฌ๊ธฐ๊ฐ ํ๋กํ ์ด๋ฏธ์ง ์ฌ์ด์ฆ๋ก ๋์ค๊ณ , ๊ทธ๋ฌ๋ค๋ณด๋ ํด์๋๋ ๋๋ฌด ๋จ์ด์ง๊ฒ ๋์ต๋๋ค. ๋ ์ฌ๊ฐํ ๊ฑด ํ๋กํ ์ด๋ฏธ์ง๋ ์ญํ ๋ ์ค๋ณต์ ๋๋ค.
๋ค๋ฅธ ๋ถ๋ค ์ฆ์ธ์ ์ํ๋ฉด ๋ค๋ฅธ ์คํจ์์๋ ์ ๋๋ก ์๋ํ๋ ๊ฒ๋ ๊ฐ์ต๋๋ค. ์๋ง 2018๋ ํ๋กํ ์ด๋ฏธ์ง๊ฐ ๋์ ๋๊ธฐ ์ ์ ๊ฐ์ฑ์ ํํํ๋ ์ฅ์น์๋ ๊ฒ ๊ฐ์๋ฐ, ํ๋กํ ์ด๋ฏธ์ง ๋์ ํ ๊ฐ์ฑํํ ๋ชฉ์ ์ผ๋ก๋ ์ข ์ธ๋ชจ๊ฐ ์์ด์ง ๊ฒ๋ ๊ฐ์ต๋๋ค. ๋ค๋ง ์ต์ ํ๋กํ ์ด๋ฏธ์ง๊ฐ ์์ํ๋ค, ๋ฐฉ๋ฌธ์๋ค์ ํ๋กํ ์ด๋ฏธ์ง ํ์ผํฌ๊ธฐ๊ฐ ๋๋ฌด ํฌ๋ค ์๊ฐํ์๋ ๋ถ๋ค์ ์์ด์ฝ์ด๋ ํ๋น์ฝ์ผ๋ก ๋ฐฉ๋ฌธ์ ๊ฐ์ฑ์ ๋์ฒดํ ์๋ ์์ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋์ ํ๋น์ฝ๊ณผ ์์ด์ฝ ํ์๋ฅผ ๊ทธ๋๋ ์ธ๋ชจ์๊ฒ ํํํ๋ ค๋ฉด ๋ฒ๊ทธ๋ฅผ ์ก์์ผ ํ๋.. ์๋ ์ฝ๋ ๋ผ์ธ์ css ํธ์ง์ ์ถ๊ฐํด ์คฌ๋๋ ์กฐ๊ธ ๋ณผ ๋งํด ์ก์ต๋๋ค.
/* DrK Favicon Fix */
.comments .comment-list ul li .author-meta .nickname img {
width: 16px;
height: 16px;
margin: 15px 4px 0 0;
}
ํฌ๊ธฐ๋ ์ซ์๋ฅผ ๋ณ๊ฒฝํด์ ์กฐ์ ํ๋ฉด ๋๊ณ , ์ทจํฅ์ด๋ ํ์์ ๋ฐ๋ผ ๋๊ธ/๋ฐฉ๋ช ๋ก ํ๋กํ ์ด๋ฏธ์ง ์นํ์ ๋ ๋ฅผ ์ ๊ฑฐํ๊ณ , ํ๋น์ฝ, ์์ด์ฝ ํ๋ฌ๊ทธ์ธ ์ค์ ํ๋๋ฅผ ์ฌ์ฉํด๋ ๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ ๋ ๊ธฐ์กด ๊ฒ๋ค์ด ์ถฉ๋ถํ ๋ง์กฑ์ค๋ฌ์ ํ๋น์ฝ/์์ด์ฝ ํ๋ฌ๊ทธ์ธ์ ๋ค์ ๋นํ์ฑํํ์ต๋๋ค.
์ด์์ผ๋ก ๋๋ต ํ๋ฌ ๋ฐ๊ฐ ์ด์ด์ง ํฐ์คํ ๋ฆฌ ์์๋ฒ ์คํจ "์ด๋์ด" ์ต์ ์ ํ์ฉํ ๋คํฌ๋ชจ๋ ์ ๊ทธ๋ ์ด๋ ํ๋ก์ ํธ๋ฅผ ๋ง๋ฌด๋ฆฌ ํ๊ฒ ์ต๋๋ค. ์ด ์ ๋ ํ๊ณ ๋๋.. "์, ํฐ์คํ ๋ฆฌ๋ ์ด๋ ๊ฒ ํ๋ ๊ฒ์ด๊ตฌ๋" ํ๋ ์๊ฐ์ด ๋ญ๋๋ค. ํฐ์คํ ๋ฆฌ์์ ๊ธฐ๋ณธ ํ๋ซํผ๊ณผ ๊ธฐ๋ณธ ์คํจ๋ง ์ ๊ณตํ์ง.. ๊ฐ์ ์์์ ์๊ธฐ ์คํ์ผ์ ๋ง๊ฒ ๋ธ๋ก๊ทธ๋ฅผ ์ง์ง๊ณ ๋ณถ๊ณ ๊พธ๋ฏธ๋๋ก html๊ณผ css ํธ์ง ์ต์ ์ ์ ๊ณตํ๊ณ ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋์ ์ผ๋ถ๋ฌ ํฐ์คํ ๋ฆฌ ๊ฐ๋ฐ์๋ค์ด ๋ชจ๋ ๊ฒ ์๋ฒฝํ ์คํจ์ ์ ๊ณตํ์ง ์๋ ์ด์ (?)์ผ ์๋ ์์ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋์ผ ๊ณต๋ถ๋ฅผ ํ๋๊น์. ๋๋ถ์ ๊ณต๋ถ ์ํ๊ณ ์์ฃผ ๊ณ ๊ธ๊ธฐ์ ์ ๊ตฌ์ฌํ ์๋ ์์ง๋ง ๋๋ฆ ์ด์ง ํน์์๋ ๋ธ๋ก๊ทธ๋ก ๋ณ์ ์ํฌ ์ ์์์ต๋๋ค.
์๋๋ ์์๋ฒ ์คํจ ์ฌ์ฉํ์๊ฑฐ๋ ์ฌ์ด ๋คํฌ๋ชจ๋ ์ ํ์ ๊ด์ฌ์๋ ๋ถ๋ค์ ์ํ ๋งํฌ๋ค์ ์ ๋ฆฌํ์ผ๋ ์ฐธ๊ณ ํ์๊ธฐ ๋ฐ๋๋๋ค.
1. ๋คํฌ๋ชจ๋ ์ ํ ๋ฐ ๊ธด๊ธ ๋ฒ๊ทธ ์์ (1ํธ): drkimfixnsolve.tistory.com/142
2. ์์๋ฒ ์คํจ ๋ฒ๊ทธ ๋๋์ผ๋ก ์ก๊ธฐ (2ํธ): drkimfixnsolve.tistory.com/146
3. ๋คํฌ๋ชจ๋ ์ ๊ทธ๋ ์ด๋ ์๋จ ์นดํ ๊ณ ๋ฆฌ ๊ณ ์ (3ํธ): drkimfixnsolve.tistory.com/150
4. ๊ณต์ง์ฌํญ/๋ฐฉ๋ช ๋ก ๋ฒ๊ทธ ์์ (4ํธ) drkimfixnsolve.tistory.com/158
5. ํ๋น์ฝ/์์ด์ฝ ์ ๋ฐ์ดํธ (์ต์ข ): ๋ณธ ๊ธ์ด ๋๊ฒ ์ต๋๋ค. drkimfixnsolve.tistory.com/163
๊ทธ๋์ ๋ปํ์ง ์๋ ๋คํฌ๋ชจ๋ ์ ๊ทธ๋ ์ด๋ ๊ณผ์ ์์ ๋๋ฆ ์ธ๋ชจ ์๋ ์ฑ๊ณผ๋ ์ป์ ์ ์์์ต๋๋ค.
๋ฒ์ธ 1. ์ปค๋ฒ ์ฌ๋ผ์ด๋ ์๋๋๊ธฐ๊ธฐ: drkimfixnsolve.tistory.com/161
๋ฒ์ธ 2. ๋ฐฉ๋ช ๋ก ํ๋กํ ์ด๋ฏธ์ง ์นํ์ ๊ณต๊ฐ: drkimfixnsolve.tistory.com/160
๋ฒ์ธ 3. ํด๋ฆญ ์์ ๋๋ฌด ๊ฐ๊น์ ์ค๋ฅ ํด๊ฒฐ: drkimfixnsolve.tistory.com/153
๊ทธ๋ผ ์ฆ๊ฑฐ์ด ํฐ์คํ ๋ฆฌ ์ํ์ ์กฐ๊ทธ๋ง ๋์์ด ๋๊ธฐ๋ฅผ ๋ฐ๋ ๋ด ๋๋ค.
(์ถ๊ฐ 2020/7/25) ์์ด์ฝ๊ณผ ํ๋น์ฝ์ ํด์๋๊ฐ ๋๋ฌด ์ข์ง ์์ ์กฐ๊ธ ํฐ ์ฌ์ด์ฆ๋ก ์์ ํ๋๋ (32x32 ํด์๋ ๋ณํ: convertico.com) ์ ๋ก๋ ์ ๋ฉ๋๋ค. ์์ด์ฝ๋ ํฐ ๊ฑธ๋ก ํ์ต๋๋ค.