반응형

function maxZ(){

return Math.max.apply(null,$.map($('body > *'), function(e,n){if($(e).css('position')=='absolute')return parseInt($(e).css('z-index'))||1;}));

}

 

반응형
반응형

function unes(str){

return String(unescape(str)).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');

}

반응형
반응형

작업을 하다보면 텍스트가 정해진 width를 넘어가는 경우 어떻게 처리해야 하나 고민이 될 때가 있습니다. 그럴 때는 상황에 따라서 이 것들을 사용해서 해결해주면 좋을 듯 합니다.

word-break


word-break 는 말 그대로 단어를 자르는 겁니다. 기복적으로 줄이 넘어갈 때는 단어단위로 잘려서 넘어가게 되어 있습니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 word-break 를 사용해주면 줄바꿈이 가능하게 됩니다.


 

.selector {word-break:break-all;}


위와 같은 속성을 주게되면 위의 그림의 아래 부분과 같이 단어 중간에서도 줄바꿈이 가능하게 됩니다. 위의 그림이 잘 이해가 가지 않는다면 이 그림을 보시면 단번에 이해가 가실 것 입니다.


단어의 중간에서 줄바꿈이 되는 효과입니다. 이 것의 반대 속성은 nowrap, keep-all 등을 주면 된다는데 제가 실험해본 결과 잘 안되는 것 같습니다. 그래서 이번에 같이 소개할 white-space 를 사용하시면 됩니다.

white-space


white-space는 여러가지 값이 있는데, 정리를 해보자면 이렇습니다.

inherit  말그대로 상속 받는 것
normal  일반적인 것, default
nowrap  줄바꿈을 하지 않는다
pre  <pre>태그와 같은 기능, 마크업에서 앤터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다
pre-line  마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다
pre-wrap  pre-line 과 비슷

말로 길게 설명해 무엇합니까? 그렇다면 눈으로 확인해 봅시다.

HTML 마크업은 다음과 같이 했습니다. 줄바꿈은 왼쪽에 보이는 라인넘버에서 알 수 있듯이 2번 하였습니다. 다시말해 단락이 3개라는 뜻 입니다. 스타일은  넓이를 400px 을 주고 사방으로 padding 을 10px 씩 주었습니다.


일반적으로 랜더링하면 단어 단위로 줄바꿈이 된 형태로 나오게 되는데 여기에서 속서을 하나씩 주면 기능을 한 눈에 알 수 있습니다.

우선 inherit 은 상속되는 것이므로 넘어가고 (IE8에는 인식을 못한다고 합니다.) normal 은 기본인데 Original 과 동일하다고 보시면 됩니다. nowrap 속성을 주게되면 줄바꿈이 되지 않습니다.


그리고 pre 속성은 <pre> 태그와 동일한 역할을 합니다. 마크업에서 줄바꿈 (앤터) 해준 것을 적용해주는 것인데요, 여기서는 두번 줄바꿈을 하였기 때문에 3 단락으로 나뉘어져 있습니다. 그리고 width 를 넘어가는 텍스틑는 줄바꿈이 되지 않습니다.


다음으로 pre-line 속성을 주게되면 pre를 준 것과 같이 마크업에서 줄바꿈 한 부분에서도 줄바꿈이 되고, width 값을 넘어가는 부분에 대하여 줄바꿈이 됩니다.


per-wrap 속성을 주면 pre-line 을 적용해준 것과 동일한 결과가 나오는데 구체적인 차이는 잘 모르겠습니다. 자세한 내용은 w3cschool 을 참조해 보시는 것이 더 좋을 듯 합니다.

반응형

'웹프로그래밍 > CSS' 카테고리의 다른 글

Background-size for IE7,8  (0) 2015.04.24
CSS3 구조선택자  (0) 2015.04.24
CSS 동위선택자, 상태선택자  (0) 2015.04.24
CSS 속성선택자  (0) 2015.04.24
How to Enable CSS3 Border Radius in Internet Explorer 8 and below  (0) 2015.04.21
반응형
Character Escape Sequence
^ %5E
& %26
` %60
{ %7B
} %7D
| %7C
] %5D
[ %5B
" %22
< %3C
> %3E
\ %5C

 

반응형
반응형

# 듀얼모니터를 사용하면, 왜 작업표시줄이 한쪽에만 나타날까?

 정말 의문입니다. 왜 윈도우즈7은 듀얼모니터를 사용할 때에 한 모니터에만 작업표시줄을 나타나게 했을까요? 이 때문에 여러가지 프로그램들이 작업표시줄을 여러 모니터에서 사용할 수 있도록 지원하고 있지만, 그 중 괜찮은 무료 프로그램을 발견하여 블로그에 소개합니다. 프로그램 이름은 'Dual Monitor Taskbar'(듀얼 모니터 태스크바)입니다.


# 'Dual Monitor Taskbar'(듀얼 모니터 태스크바) 설치 후 결과는?

 - 유튜브

 - 스크린샷

 

 위의 스크린샷은 듀얼모니터에서 프린트 스크린 키를 이용해 찍은 스크린샷입니다. 보시다시피 오른쪽의 모니터에도 작업표시줄이 나타나고, 계산기 프로그램을 이동시키자 아이콘까지 이동하는 것을 볼 수 있죠.



# 다운로드

 PC에 어색하신 분들을 위해 상세히 다운로드와 설치법을 알려드립니다. 설치가 가능하신 분들은 아래 내용을 스킵하고, 다음 페이지에서 설정 방법을 확인하세요. :)

 듀얼 모니터 태스크바는 아래 링크에서 다운로드할 수 있습니다.

 위의 링크에 가면, 아래와 같이 'Download' 버튼을 볼 수 있고, 클릭 후, 약 5초의 시간이 지난 뒤에 프로그램 다운로드가 시작됩니다. 반드시 기다리세요!

 자, 그럼 설치에 들어갑니다.



# 설치

1. 다운로드한 프로그램을 실행합니다. 다운로드한 프로그램이므로 [실행(R)]을 클릭해 다운로드를 시작합니다.


2. 윈도우즈7의 사용자 계정 컨트롤 윈도우가 등장합니다. [예(Y)]를 클릭합니다.


3. 설치가 시작됩니다. [Next >]를 클릭합니다.


4. 사용자 계약서를 확인하고, 'I accept the agreement'(나는 동의서에 동의합니다.)에 체크하고, [Next >]로 넘어갑니다.


5. 릴리즈 노트가 소개됩니다. [Next >]로 넘어갑니다.


6. 설치 경로를 설정합니다. [Next >]로 넘어갑니다.


7. 시작 버튼에 어떤 이름의 폴더를 만들 것인지 설정합니다. [Next >]로 넘어갑니다.


8. 바탕화면에 아이콘을 만들 것인지 체크합니다. [Next >]로 넘어갑니다.


9. 설치를 진행합니다. [Install] 클릭.


10. 설치는 금방 마무리됩니다. 'Launch Dual Monitor'(듀얼 모니터를 실행합니다.)를 체크하고, [Finish]로 설치를 마무리합니다.


11. 만약, 윈도우즈7에 닷넷 프레임워크 4.0이 설치되어 있지 않다면, 아래와 같은 오류 메시지가 등장합니다. 충실히 업데이트했다면, 아마 나오지 않을텐데요. [확인]을 클릭하고, 설치하러 갑니다.



# 닷넷 프레임워크 4.0 다운로드 & 설치

 다운로드 링크는 아래와 같습니다.

 위의 링크를 타고 가면, 아래와 같은 화면을 만날 수 있고, '다운로드' 버튼을 클릭해 파일을 다운로드하고, 설치합니다. 웹 설치 관리자이기 때문에 알아서 잘 설치해줄 것입니다. ;)

 

출처 : http://blackturtle.tistory.com/711712

반응형
반응형

서버와 서버간의 파일전송을 하는데 이상하게 속도가 나지 않습니다. 두대의 서버가 모두 동일한 스위치에 그것도 기가비트 포트에 물려있는데 보장되어야 할 속도가 나오지 않는다 의심될때 가장 먼저 해봐야 할일은 실제 통신 속도를 측정하는 일일 것입니다.

정말 간단하게 테스트하고 싶다면 어떤 방법이 있을까요? 여기에 정말 좋은 솔루션이 있습니다. 그것도 무료네요.

http://sourceforge.net/projects/iperf/

iperf는 두대의 서버 사이에 한대는 서버, 한대는 클라이언트로 접속하여 속도를 측정합니다.
다음과 같이 설치를 하도록 합니다. 이 글을 쓰는 시점에서는 2.0.4가 최신버젼입니다만 적정한 최신 버젼을 사용하시면 됩니다.

[code bash]> tar -zxvf iperf-2.0.4.tar.gz
> cd iperf-2.0.4
> ./configure
> make; make install[/code]
이제 두대의 서버간의 속도를 측정해 보도록 하겠습니다.

* 서버 실행하기

[code]> iperf -s
————————————————————
Server listening on TCP port 5001
TCP window size: 85.3 KByte (default)
————————————————————[/code]
* 클라이언트 실행하기

[code]iperf -c 192.168.0.2
————————————————————
Client connecting to 192.168.0.2, TCP port 5001
TCP window size: 16.0 KByte (default)
————————————————————
[  3] local 192.168.0.3 port 55881 connected with 192.168.0.2 port 5001
[ ID] Interval       Transfer     Bandwidth
[  3]  0.0-10.0 sec  1.10 GBytes    942 Mbits/sec[/code]

위의 결과를 통해 두 서버간의 통신속도는 942 Mbit/sec 라는것을 알았습니다. 기가비트 포트의 속도가 거의 보장되고 있었네요^^

 

출처 : http://theeye.pe.kr/archives/1092

반응형
반응형

시작 > 실행 > cmd 입력

커맨드 창이 뜨면

 

net config server /autodisconnect:-1

반응형
반응형

input {outline-style:none}

IE나 Firefox 에는 적용할 필요가 없다.

 

 

반응형

'웹프로그래밍 > HTML' 카테고리의 다른 글

모바일 웹 개발시 유용한 팁  (0) 2015.09.04
(Chrome) ID/Password 자동 완성 방지  (0) 2015.08.03
HTML5 비디오태그 <video></video>  (0) 2015.04.24
HTML5 오디오태그 <audio></audio>  (0) 2015.04.24
HTML escape 문자  (0) 2015.04.09

+ Recent posts