프로그래밍과 유용한 정보

웹 개발을 하다 보면 가장 많이 발생하는 이슈 중 하나는 분명 수정해서 보내줬는데 받은 쪽에서 에러가 났다던지, 변경이 안되었다던지 하는 경우가 있습니다. 이런 경우는 웹 개발자의 최대의 적 중 하나인 브라우저 캐시 때문입니다. 그래서 항상 하는 말이 "캐시 지우셨나요?"입니다. 다행히 HTML과 JSP에서는 브라우저 캐시를 사용하지 않는 방법이 존재합니다. 1. HTML /*위의 명시된 날짜 이후가 되면 페이지가 캐싱되지 않는다.(1990년 이후 쭉 )*/ /*캐시된 페이지가 만료되어 삭제되는 시간을 정의하나 특별한 경우가 아니면 -1로 설정*/ /*페이지 로드시마다 페이지를 캐싱하지 않는다.(HTTP 1.0)*/ /*페이지 로드시마다 페이지를 캐싱하지 않는다.(HTTP 1.1)*/ 2. JSP

문자 인코딩 개요 웹 페이지의 소스를 들여다보면 태그를 볼 수 있습니다. 바로 이 태그 내부에 문자 인코딩 설정을 태그로 작성하게 됩니다. 여기서 는 해당 웹 페이지의 여러 메타 정보를 담고 있게 됩니다. 이 정보들은 웹브라우저에 다양한 정보를 전달하는데 현재 웹 사이트 방문자에게 보여지게 될 내용에도 영향을 주게 됩니다. 인코딩을 선언하는 이유는? 웹 페이지의 인코딩 방식을 선언하는 이유는 현재 사용중인 언어셋 정보를 정확히 알려주기 위함입니다. 이 메타정보가 없어도 브라우저는 대략적으로 언어셋을 추측할 수 있지만, 잘못된 예측으로 다른 인코딩 방식이 적용될 수 있습니다. 즉, 인코딩을 선언하지 않으면 문자깨짐 현상 등 심각한 오류가 나타날 수 있게 됩니다. 인코딩 선언 방법 HTML5 HTML4 XH..

.ellipsis{ white-space:nowrap; text-overflow:ellipsis; /* IE, Safari */ -o-text-overflow:ellipsis; overflow:hidden; -moz-binding: url('ellipsis.xml#ellipsis'); }

배경 색과 관계없이 html을 그릴 때 먼저 흰색배경이 칠해지고 나서 css가 적용되어 다른 색이 칠해지기 때문에 흰색 깜빡임 현상이 발생한다. 따라서 부모와 iframe/frame 배경을 원하는 배경색으로 칠해놓고 iframe/frame안의 html문서의 html 테그의 속성을 visibility: hidden을 해놓고 script에서 visible로 바꾸면 이 현상을 해결할 수 있다.

출처 : http://stackoverflow.com/questions/905222/enter-key-press-event-in-javascript IE에서 enter를 누르면 form submit이 동작하는데, submit이 불가능한 상황이 되면 현재 페이지의 첫번째에 있는 button의 클릭 이벤트가 발생 하는 것 같다. (어처구니 없는 건 textbox에서 enter를 눌러도 이런다는거...) 아래의 소스로 회피 가능하다. function runScript(e, id) { if (e.keyCode == 13) { var tb = document.getElementById(id); eval(tb.value); return false; } }

add accesskey 속성은 마우스 등을 쓰지 않는 환경을 위해 링크나 입력 폼에서 키보드의 키 입력만으로 동작을 실행할 수 있도록 accesskey 속성값에 access 할 영어 또는 숫자 한문자를 지정하여 단축키를 설정한다. accesskey의 실행 방법은 사용자의 OS와 브라우저에 따라 다르다. 특히, 다른 브라우저와는 다르게 IE(인터넷 익스플로러)에서는 태그에 지정된 accesskey를 실행하면 지정된 링크가 실행되는 것이 아니라, 태그로 포커스가 이동된다. 이때 Enter를 눌러야 지정된 링크가 실행된다. IE(인터넷 익스플로러에서는 예약어(F, E, V, A, T, H)는 사용 할 수 없다. * 브라우저별 accesskey 실행 방법 1. Window IE 6/7/8/9 : Alt + a..

첫번째 두번째 첫번째 두번째 위와 같이 쓰게 되면 두번째 열 모두 숨겨진다. * 참고사항 ) IE에 한해서 버전에 따라 display: none이 되는 놈이 있고 visibility: collpase;가 되는 놈이 있는데, 두개 다 쓰면 IE 8을 제외하고는 다 된다고 한다.

display: table-cell 속성은 div를 td 처럼 쓸 수 있게 해 주는 css이다. 이어서 vertical-align: middle을 써주면 가운데로 간다.

1. 한글을 기본 입력 언어로 설정 2. 영어를 기본 입력 언어로 설정 3. 영어만 입력되도록 제한 ime-mode는 웹 표준이 아니기 때문에 동작하지 않는 브라우저가 존재할 수 있다.