It14 โcss3 background-size:cover contain ์์ฑ ie7, i8 ํต background-size-polyfill with ์งค : ์คํํน ํ์ดํ 2016.08.09 11:11 IE EDGE๊น์ง ๋์ ์๋ ์ธ์์์ ์ฌ์ ํ IE7 ๋ฒ์ ์ ๋ํ ํ์ ํธํ ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ ํด์ค์ผ ํ๋ ๊ฒ์ด ์ง์ฆ์ด ๋์ง๋ง... UI๋ ์ ๋๋ ๊ฒ๋ ๋๊ฒ ํ๋ ์ ์ฑํ ์ง์ ! ๋ธ๋ผ์ฐ์ ๋ค์ด ๋ฏธ์ณ ๋ ๋ฐ๋๋ผ๋ ํต์ด๊ฑด ๋ญ๊ฑด ์จ์ ์ ๋ง์ถฐ๋ณด์. ์ด ๋ฒ์ ์กํ๊ตฌ๋ฆฝ ํตํฉ๋์๊ด ์ค์ ๊ฐ๋ฝ์์ฅ ๋์๊ด์ด ์คํํ๋๋ฐ ๋ง์ถฐ์ ์กํ๊ตฌ๋ฆฝ ๊ฐ๋ฝ๋ชฐ ๋์๊ด์ ๋์์ธ ์์ ์ด ์ด์ง ์์๋ค. ๊ธฐ์กด์ ์กํ๊ตฌ๋ฆฝ๋์๊ด๋ค์ BG๊ฐ repeat-x๋ก ๋ฐ๋ณต๋๊ธฐ ๋๋ฌธ์, ๋ณ ์ ๊ฒฝ์ ์ฐ์ง ์์์ง๋ง, ์ข์ฐ๋ก ๊ทธ๋ผ๋ฐ์ด์ ๋๋ BG๊ฐ ๊น๋ฆฌ๋ ๋์์ธ์ผ๋ก ๊ฒฐ์ ์ด ๋์๋ค. ๋น์ฐํ repeat-x๋ฅผ ์ธ ์๋ ์๋ค. #topheader{ width:100%; height:90px; z-index:999; background:url(.... 2019. 7. 22. - interezen ipinside agent ์ค์น์ ์ญ์ / I3GManager.exe Non-p agent ์๋์ฐ์ฆ10์ด ์ถ์๋ ์ง ๋ช ๋ ์ด ์ง๋ฌ์ด๋, ์ฌ์ ํ ์ฐ๋ฆฌ๋ IE๋ฅผ ์ฌ์ฉํด์ผ๋ง ํ๋ ํ๊ฒฝ์ ๋์ฌ ์๋ค. IE๋ฅผ ์ฐ๋ ํ ํํ์ค, ๋ฏผ์๋ฐ๊ธ, ์ ์์ธ๊ธ๊ณ์ฐ์๋ฅผ ์น๋ธ๋ผ์ฐ์ ๋ก ์ถ๋ ฅํ๊ธฐ ์ํด์๋ ์ฌ์ ํ Active X ๊ธฐ๋ฐ์ ํ๋ก๊ทธ๋จ์ ์ค์นํ๊ณ ์จ์ผ ํ๋ค. ์ด๋ฐ ํ๋ก๊ทธ๋จ๋ค์ ๊ฐ๋ฐ์ ์ผ๋ก ์ง์ฐ๋ ค๋ ์ฌ๋๋ค๋ ์๋๋ฐ, ๋ง์ ์ฌ๋๋ค์ด ๊ถ๊ธํดํ๋ ํ๋ก๊ทธ๋จ ์ค์์ ipinside agent์ ๋ํด ์์๋ณด๊ณ ์ ํ๋ค. ipinside๋ ๋คํ์ค๋ฝ๊ฒ๋(?) ์กํฐ๋ธ์์ค๋ ์๋๋ค. ๋ชจ๋ ๋ธ๋ผ์ฐ์ ์์ ์ง์ํ๋ ํ๋ก๊ทธ๋จ์ด๋ค. ์ผ๋จ ๊ฐ์ฅ ๋ง์ด ๊ถ๊ธํดํ๋ ๊ฒ์ด ๋ฐ๋ก ipinside๋ฅผ ์ญ์ ํด๋ ๋๋ ๊ฒ์ธ๊ฐ์ธ๋ฐ ๋ฏผ์๋ฐ๊ธ์ด๋ ์ ์์ธ๊ธ๊ณ์ฐ์ ์ถ๋ ฅ์ด ์ฆ์ ์ฌ๋์ด๋ผ๋ฉด ipinside๋ฅผ ์ญ์ ํ๋ค ํ๋ค ์ด์ฐจํผ ๋ ์ค์นํด์ผ ํ๋ฏ๋ก ์ ์คํ๊ฒ ์๊ฐํ ํ์๋ ์๋ค.. 2019. 7. 13. jQuery selectorํจ์ slice() - start, end ๊น์ง index ์์ ์ ํ between ๐jQuery selectorํจ์ slice() - start, end ๊น์ง index ์์ ์ ํ between 1๋ฒ๋ถํฐ 10๋ฒ๊น์ง ํ์ ์์๋ค์ด ์์ ๋ ์ด ์ค์์ 2๋ฒ๋ถํฐ 5๋ฒ๊น์ง๋ง ์ ํํด์ jquery๋ก ๋์์ ์ํค๊ณ ์ถ์ ๋๊ฐ ์๋ค. ์ด๋ด ๋ ์ฌ์ฉํ๋ ํจ์๊ฐ ๋ฐ๋ก jquery slice()ํจ์๋ค. ์ฌ์ฉ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ๋ค. $('selector').slice(2,5).addClass('newClass'); ์ด์ ๊ฐ์ด ์คํํ๋ฉด, ์ ํ๋ ์์๋ค์์ eq(2),eq(3),eq(4),eq(5) ๊ฐ ์ ํ๋์ด์ addClassํจ์์ ์ํด 'newClass'๋ผ๋ ํด๋์ค๋ช ์ด ๋ถ์ฌ๋๋ค. 2019. 6. 24. ๐ CSS ๋ง์ค์ : text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ๊ธ์๋ฅด๊ธฐ width:auto. ์ ๋ชฉ์ด ๊ธธ ๊ฒฝ์ฐ ...๋ก ํ์ ๊ฒ์ํ์ ๊ฐ๋ฐํ ๋ ๊ท์ฐฎ์ ์์ ์ค์ ํ๋๊ฐ ์ ๋ชฉ์ ๋ฆฌ์คํธ ํญ์ ๋ง์ถฐ์ ๋ง์ ์ค์ด๋ ๊ฒ์ด๋ค. ์๋ฒ ๋จ์์ ๋ฏธ๋ฆฌ ๊ธธ์ด๋ฅผ ๊ณ์ฐํด์ ์ถ๋ ฅํ ์๋ ์์ง๋ง, ์ฌ์ดํธ ํน์ฑ์ ๊ฒ์ํ์ ์ข ๋ฅ๊ฐ ๋ค์ํ๋ค๊ฑฐ๋ ํ๋ฉด, ์๊ทผํ ๊ท์ฐฎ์ ์๋ฐ์ผ๋ก ๋ค๊ฐ์ค๊ฒ ๋๋ค. ์ด๋ด๋ ์ ์ฉํ ๊ฒ์ดtext-overflow:ellipsis; white-space:nowrap; overflow:hidden; ์กฐํฉ์ด๋ค. ์ด๊ฑธ ์ฐ๋ฉด ๊ธํธ๋ฆฌ์กฐํธ 1์ ํ์ฌ ์๋ด - ์ถ๊ฐํ ์ธ ํํ๊ธํธ๋ฆฌ์กฐํธ 1์ ํ์ฌ ์๋ด -์ถ๊ฐํ ์ธ ํํ๊ธํธ๋ฆฌ์กฐํธ 1์ ํ์ฌ ์๋ด - ์ถ๊ฐํ ์ธ ํํ๊ธํธ๋ฆฌ์กฐํธ 1์ ํ์ฌ ์๋ด - ์ถ๊ฐํ ์ธ ํํ ์ด๋ ๋ ๋ ์์ด ์ด๋ ๊ฒ ๋ฐ๋๋ค. ์์ค์์ ๋ณผ๋์ฒ๋ฆฌ ํด๋ ๋ถ๋ถ์ด ์ค์ํ ๋ถ๋ถ์ธ๋ฐ, vf_360์ id๋ก ์คํ์ผ์ ์ ์ฉํ๊ฒ ํ๊ณ , width:auto; ์์ฑ์ ๋ถ.. 2019. 6. 22. ๐ ๋ฐ์คํฌํ ํด๋ ์์ด์ฝ ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ / icon ๋ฐ๊พธ๊ธฐ ๋ฐ์คํฌํ ํด๋ ์์ด์ฝ ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ / icon ๋ฐ๊พธ๊ธฐ ์ธ์ฅํ๋์ ์์ด์ฝ์ ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ์ ํฌ์คํ ํ๋ค ๋ณด๋ ๋ด์น๊น์ ํด๋ ๋ณ๋ก ์์ด์ฝ์ ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ๋ ์ฌ๋ ค์ผ๊ฒ ๋ค ์๊ฐ๋์ด์ ํฌ์คํ ํด ๋ณธ๋ค. ์ด๊ฑด ํจ์ฌ ๋ ์ฝ๋ค. ์๋ ์๋์ฐ์์ ์ ๊ณตํ๋ ๊ธฐ๋ฅ์ด๋๊น ๋ฉ๋ด์ ์๋ ๊ธฐ๋ฅ์ด๊ธฐ ๋๋ฌธ์ด๋ค. ์ฌ์ง์ด ๊ธฐ๋ณธ์ ์ธ ์์ด์ฝ๋ค๋ ์ ๊ณต๋๋ค. ํ์ง๋ง ๋ณธ์ธ๋ง์ ๋ ํนํ ์์ด์ฝ์ ๋ฃ๊ณ ์ถ๋ค๋ฉด ๋น์ฐํ ์์ด์ฝ ํ์ผ๋ถํฐ ๋ง๋ค์ด์ผ ํ ๊ฒ์ด๋ค. ์์ด์ฝ ํ์ผ ๋ง๋๋ ๋ฐฉ๋ฒ์ ๋ค์์ ๋งํฌ์์ ์ฐธ์กฐํ๋๋ก ํ์. ์ผ๋จ icoํ์ผ์ด ์ค๋น๋์๋ค๋ฉด, ์์ด์ฝ ๋ณ๊ฒฝ์ ์ํ๋ ํด๋์์ ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ๋ฒํผ์ ํด๋ฆญํด์ ์์ฑ์ ์ด๊ณ , "์ฌ์ฉ์์ง์ "ํญ์ ์ด๋ฉด "์์ด์ฝ๋ณ๊ฒฝ"๋ฉ๋ด๊ฐ ๋ณด์ธ๋ค. ํด๋ฆญํด์ ์์ด์ฝ ํ์ผ์ ์ฐพ์์ ์ ์ฉํด์ฃผ๋ฉด ๋! ์ดํด๊ฐ ์ ๋๋ ์ฌ๋๋ค์ ์ํด์ ๋์์.. 2019. 6. 21. ์ด์ 1 2 ๋ค์