์ฒ ํ•™ ์„ฑํ–ฅ ํ…Œ์ŠคํŠธ

2010๋…„ 2์›” 12์ผ

์„œํ•‘์„ ํ•˜๋ฉด์„œ ์šฐ์—ฐํžˆ ์žฌ๋ฏธ๋‚˜๋Š” ์ฒ ํ•™์„ฑํ–ฅ ํ…Œ์ŠคํŠธ๋ผ๋Š” ๊ฒƒ์„ ์ ‘ํ–ˆ๋‹ค.
ํ…Œ์ŠคํŠธ ํ›„ ๊ฒฐ๊ณผ๋ฅผ ํŠธ๋ž™๋ฐฑ(์—ฎ์ธ๊ธ€)๋กœ ๋ณด๋‚ด๋ฉด ์ถ”์ฒจ์„ ํ•ด์„œ ๊ด€๋ จ์„œ์ ๊ณผ ์ค€๋น„๋œ ์—ฌํƒ€ ์ƒํ’ˆ์„ ๋ณด๋‚ด์ค€๋‹ค๋Š” ์ด๋ฒคํŠธ๋„ ์žˆ์–ด ์ด๋‚ด ํ˜ธ๊ธฐ์‹ฌ์ด ๋ฐœ๋™ํ–ˆ๋‹ค.
๊ทธ์ € ๋‚š์ด๋Š”๊ฑธ๊นŒ ? ํ•˜๋Š” ์†Œ์‹ฌํ•œ ์˜์‹ฌ๋„ ํ•œํŽธ ์žˆ๊ธฐ๋Š” ํ•˜์ง€๋งŒ ์žฌ๋ฏธ์žˆ๋Š” ํ…Œ์ŠคํŠธ์ธ์ง€๋ผ ์ฐธ์—ฌํ•ด ๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. ใ…Žใ…Ž

์ฒ ํ•™์€ ํ‰์†Œ ์šฐ๋ฆฌ ์ƒํ™œ์†์—์„œ๋„ ๋งŽ์ด ๋А๋ผ๊ณ  ๋‚˜๋ฆ„ ์ •๋ฆฌํ•˜๊ณ  ์ž์‹ ์˜ ํ–‰๋™๊ณผ ํŒ๋‹จ์— ๊นƒ๋“ค์—ฌ ์žˆ๋Š” ๊ฒƒ์ด ์ฒ ํ•™์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์žˆ๋‹ค. ์„ฑ์ธ์ด ๋˜์–ด์„œ ์ œ๋„๊ถŒ๋‚ด์˜ ์†Œ์œ„ ์‚ฌํšŒ์ƒํ™œ์ด๋ผ๋Š” ๊ฒƒ์„ ํ•˜๊ฒŒ ๋˜๋ฉด์„œ๋ถ€ํ„ฐ ์‚ฌ์‹ค, ๋‚˜๋ฆ„์˜ ๊ฐ€์น˜๊ด€์ด๋ผ๊ณ  ํ•˜๋Š” ๊ฒƒ์€ ๋ˆ„๊ตฌ๋‚˜ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๊ณ  ๋ณด๋Š”๋ฐ ๊ทธ๊ฒƒ์ด ๊ณง ์ฒ ํ•™์ด๊ณ  ๊ทธ ์†์—์„œ ๊ณตํ†ต๋ถ„๋ชจ๋กœ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฒƒ์ด ๋‹น์—ฐํžˆ ์•Œ์•„์•ผ ํ•  ๋ฒ•์งˆ์„œ๋ผ๋“ ๊ฐ€ ๋„๋•์ด๋ผ๋“ ๊ฐ€ ์˜ˆ์ ˆ(์—ํ‹ฐ๊ฒŸ) ๊ธฐ๋ณธ ์ƒ์‹๋“ฑ์ด๊ณ  ๋‚˜๋จธ์ง€๋Š”, ์ฐธ ์ฃผ๊ด€์ ์ด์ง€๋งŒ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ๋‹ค์–‘ํ•˜๊ณ  ์„œ๋กœ ๋‹ค๋ฅธ ์ƒ‰์˜ ๊ฐ€์ง€์น˜๊ด€์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฒƒ์ด ์ด ์‚ฌํšŒ์˜ ํ˜„์ƒ์˜ ํ•œ ๋ฉด์ด๋ผ๊ณ  ๋ณด๋ฉด ์ฒ ํ•™์€ ์‚ฌ์‹ค ์šฐ๋ฆฌ์˜ ํ˜„์žฌ ๋ชจ์Šต์ด์ž ์ƒํ™œ์ธ ๊ฒƒ์ด๋‹ค.

์„ฑ์ธ์ด ๋˜๊ธฐ๊นŒ์ง€ ์–ด๋А์ •๋„์˜ ๊ธฐ๋ณธ์ ์ธ ์ œ๋„๊ถŒ ๊ต์œก์„ ์ด์ˆ˜ํ•˜๊ณ  ๋‚˜๋ฉด ๋ณธ๋Šฅ์ ์œผ๋กœ ์ƒ๊ฐํ•˜๊ณ  ํ–‰๋™ํ•˜๊ณ  ๋”ฐ๋ฅด๋Š” ๊ฒƒ์ด ์ƒ๊ฒจ๋‚˜๊ฒŒ ๋˜๊ณ  ๋˜ํ•œ ๊ทธ ๊ฐ€์šด๋ฐ ๋‚˜๋ฆ„์˜ ๊ธฐ์ค€์ด ์ƒ๊ธฐ๊ณ  ๊ทธ๊ฒƒ์„ ์ƒํ™œํ™”ํ•ด์„œ ์ต์ˆ™ํ•ด ์ง€๊ธฐ๊นŒ์ง€ ์•Œ๊ฒŒ ๋ชจ๋ฅด๊ฒŒ ์ฒ ํ•™์€ ์‚ฌ์‹ค์ƒ ์šฐ๋ฆฌ ์ƒํ™œ ๊ทธ ์ž์ฒด๋ผ๊ณ  ๋ณด์•„๋„ ์ง€๋‚˜์นœ ๋ง์€ ์•„๋‹ˆ๋ผ๋Š” ๊ฒƒ์ด๋‹ค.

ํ‰์†Œ์˜ ๋‚ด ์ƒ๊ฐ์€ ์ฒ ํ•™์€ ์žฌ๋ฏธ์žˆ์–ด์•ผ ํ•˜๊ณ  ํ˜„์‹ค์— ๋ฐ˜์˜๋˜๋Š”, ์ž์‹ ์—๊ฒŒ ์ค‘์š”ํ•œ ์ง€์นจ์ด ๋˜์–ด์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์žˆ๋‹ค. ์ž์‹ ์„ ๋Œ์•„๋ณด๋Š” ์‹œ์ ๊ณผ ์ •ํ™•ํ•œ ์•ˆ๋ชฉ์„ ๋Š˜๋ ค์ฃผ๊ณ  ์•„์šธ๋Ÿฌ ์„ธ์ƒ์„ ๋„“๊ฒŒ ๋ณด๋Š” ์‹œ๊ฐ์„ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๊ฒƒ์ด ๊ณง ์‚ถ์˜ ์ž์„ธ์š”, ๊ทธ๋Ÿฌํ•œ ์‚ถ์˜ ๊ธฐ๋ฐ˜์ธ ์ฒ ํ•™์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

์ง€๊ฒจ์šด Css Hack

2010๋…„ 1์›” 8์ผ

[์ถœ์ฒ˜] Browser CSS hacks | ์ž‘์„ฑ์ž – Paul Irish

์›น๊ฐœ๋ฐœ์ชฝ์—๋Š” ๋ฌธ์™ธํ•œ์ธ ๋‚ด๊ฐ€ ์ด๊ฒƒ ์ €๊ฒƒ ๋‘์„œ ์—†์ด ๊ณต๋ถ€ํ•˜๋‹ค๋ณด๋‹ˆ ์ด๋Ÿฌํ•œ ๋‚ด์šฉ๊นŒ์ง€ ์ฐธ๊ณ ํ•ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ๊นŒ์ง€ ์˜ค๊ฒŒ๋œ๋‹ค.ย  ํ”ํžˆ๋“ค ๋งํ•˜๋Š” ๊ฐœ๋ฐœ์ž๋“ค์€ ๋…ธ๊ฐ€๋‹ค๋ฅผ ํ•œ๋‹ค๊ณ ๋“ค ํ•˜๋Š” ๋ง์„ ๋“ค์–ด์™”๋Š”๋ฐ ์ด์ œ์•ผ ์ดํ•ด๊ฐ€ ๊ฐ„๋‹ค.
๊ทธ์ € ์›นํ‘œ์ค€์ด ๋ฌด์ƒ‰ํ•  ๋ฟ์ด๋‹ค.
ํ”ผ๊ณคํ•˜๊ฒ ์ง€๋งŒ ๊ทธ๋ž˜๋„ ๋ฉ”๋ชจํ•ด ๋‘๊ณ  ํ•„์š”ํ•  ๋•Œ๋งˆ๋‹ค ์ฐธ๊ณ ํ•ด์•ผ ํ•˜๋Š” ๊ฒƒ๋“ค์„ ์ •๋ฆฌํ•ด๋ณธ๋‹ค.

์„œ์šธ ํญ์„ค, ๋ˆˆ์— ์–ฝํžŒ ์ง€๋‚œ๋‚ ๋“ค

2010๋…„ 1์›” 4์ผ

์ƒˆ๋ฒฝ๋ถ€ํ„ฐ ๋ˆˆ์˜ค๋Š” ๋ถ„์œ„๊ธฐ๊ฐ€ ๋‚จ๋‹ค๋ฅด๊ฒŒ ๋А๊ปด์ ธ ์ง‘์•ž์— ๋‚˜๊ฐ€ ๋ณด์•˜๋‹ค.
๋ˆˆ์ด ๋น„์ฒ˜๋Ÿผ ์˜ค๊ณ  ์žˆ์—ˆ๋‹ค.
40๋Œ€๋ฅผ ์ค‘๋ฐ˜์œผ๋กœ ์น˜๋‹ซ๊ณ  ์žˆ๋Š” ์ง€๊ธˆ์˜ ๋‚ด๊ฒŒ๋„ ์ด๋ ‡๊ฒŒ๋‚˜ ๋งŽ์€ ๋ˆˆ์„ ์„œ์šธ์—์„œ ๋งž์•„๋ณด๊ธฐ๋Š” ์ •๋ง ์˜ค๋žœ๋งŒ์ด๋ผ๋Š” ์ƒ๊ฐ์€ ๋‚จ๋“ค๊ณผ ๋‹ค๋ฅด์ง€ ์•Š๋‹ค. ์Šต๊ด€์ ์œผ๋กœ ํ˜„์‹ค์ ์ธ ๊ฑฑ์ •๊ฑฐ๋ฆฌ๋“ค์„ ๋– ์˜ฌ๋ฆฌ๋ฉด์„œ๋„ ์–ด๋ฆด ์  ์•„๋ จํžˆ ๋‚จ์•„์žˆ๋Š” ๋ˆˆ์— ๊ด€ํ•œ ์ถ”์–ต๋“ค์ด ๋– ์˜ค๋ฅด๋Š” ๊ฒƒ์„ ๋ง‰์„ ๊ธธ์ด ์—†์–ด ๋ฌด์ž‘์ • ์‚ฌ์ง„์ด๋ผ๋„ … ํ•˜๋Š” ์ƒ๊ฐ์œผ๋กœ ์นด๋ฉ”๋ผ๋ฅผ ์ฑ™๊ฒจ ์šฐ์‚ฐ์„ ์น˜์ผœ ๋“ค๊ณ ๋Š” ๋ฏธ๋ จ์—†์ด ์ง‘์„ ๋‚˜์„œ๋ณด์•˜๋‹ค.

๏ปฟ