๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€40

ํ”„๋ก ํŠธ์—”๋“œ ์›น์•ฑ ํ”„๋ ˆ์ž„์› - Bootstrap, Backbone ๊ทธ๋ฆฌ๊ณ  AngularJS ํ”„๋ก ํŠธ์—”๋“œ ์›น์•ฑ ํ”„๋ ˆ์ž„์› - Bootstrap, Backbone ๊ทธ๋ฆฌ๊ณ  AngularJS from Dongsu Jang 2015. 3. 26.
... ์ฒ˜๋ฆฌ [text-overflow:ellipsis] http://jsfiddle.net/loveyou0803/hu39d/1/ 2013. 7. 18.
1. ๋ฐ˜์‘ํ˜• ์›น ๊ธฐ์ดˆ ๋ณธ๋ฌธ : http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=133 ๋ฐ˜์‘ํ˜•? ๋ฐ์Šคํฌํƒ‘๋ถ€ํ„ฐ ๋ชจ๋ฐ”์ผ ๋“ฑ ๋งŽ์€ ์ข…๋ฅ˜์˜ ๊ธฐ๊ธฐ์—์„œ ์ตœ์ ์˜ ์‚ฌ์šฉํ™˜๊ฒฝ(์ตœ์†Œ์˜ ๋ฆฌ์‚ฌ์ด์ง•,ํŒจ๋‹,์Šคํฌ๋กค๋ง)์œผ๋กœ๋„ ์ฝ๊ธฐ ์‰ฝ๊ณ  ์ ‘๊ทผํ•˜๊ธฐ ์‰ฌ์šด ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋Š” ์‚ฌ์ดํŠธ๋ฅผ ๋งํ•จ. ๋ฐ˜์‘ํ˜• ์›น ๊ธฐ๋ฒ•?CSS ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ์œ ๋™ํ˜• ๊ทธ๋ฆฌ๋“œ์œ ๋™ํ˜• ์ด๋ฏธ์ง€๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ๋ฐ˜์‘ํ˜• ๋„ค๋น„๊ฒŒ์ด์…˜/๋ฉ”๋‰ด ... ๋ชจ๋ฐ”์ผ ํผ์ŠคํŠธ? ์›น ๋””์ž์ธ์„ ํ• ๋•Œ ๋ชจ๋ฐ”์ผ์„ ๋จผ์ € ์ƒ๊ฐํ•ด์„œ ๋””์ž์ธ/ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ•จ Why? ๋ชจ๋ฐ”์ผ์˜ ์„ฑ์žฅ, ๊ธฐ๊ธฐ์˜ ์ œ์•ฝ, ๊ธฐ๊ธฐ์˜ ๊ธฐ๋Šฅ ์ œ์•ฝ! ์Šคํฌ๋ฆฐ์˜ ํฌ๊ธฐ, ๋„คํŠธ์›Œํฌ์†๋„/ํ’ˆ์งˆ, ์‚ฌ์šฉํ•˜๋Š” ๋ชจ๋“œ ๊ตฌํ˜„!CSS๋ฅผ ์ž‘์„ฑํ•  ๋•Œ ๋ชจ๋ฐ”์ผ ํ™”๋ฉด๋ถ€ํ„ฐ ๊ธฐ๋ณธ ์ฝ”๋”ฉ ๊ทธ ์™ธ์˜ ๋ชจ๋“  ํ™”๋ฉด์€ ๋ฏธ๋””์–ด์ฟผ๋ฆฌ๋ฅผ ์ด์šฉํ•จ์ด์œ ) ๋ชจ๋ฐ”์ผ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ฏธ๋””์–ด์ฟผ๋ฆฌ๋ฅผ ์ง€์›ํ•˜์ง€์•Š.. 2013. 4. 12.
linear-gradient background: -webkit-linear-gradient(#CCC, #696969);background: -moz-linear-gradient(#CCC, #696969);background: -o-linear-gradient(#CCC, #696969); background: -ms-linear-gradient(#CCC, #696969);IE์˜๊ฒฝ์šฐ IE10๋ถ€ํ„ฐ ์“ธ์ˆ˜์žˆ๊ณ , IE10์ดํ•˜์˜ ๊ฒฝ์šฐ filter๋ฅผ ์ด์šฉ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#696969');fitler์˜ ๊ฒฝ์šฐ IE10์—์„œ๋Š” ์ ์šฉ์•ˆ๋จ ๊ท€์ฐฎ์€ IE 2013. 4. 9.