Bon Voyage!

Classic ASP에서 EUC-KR이나 UTF-8 사용 시 페이지 설정방법에 대해서 알아보겠습니다. 초기 Classic ASP 생성시기에는 ANSI 인코딩을 대부분 사용했기 때문에 오래된 Classic ASP 페이지는 EUC-KR로 개발되어 있기도 합니다. 하지만 요새는 유니코드 형식인 UTF-8을 대부분 사용하고 있기 때문에 유지보수 시에 다른 인코딩으로 인해 한글 깨짐 현상이 일어나는 경우가 있습니다. 이런 경우 파일의 인코딩 방식과 상단에 ASP 구문을 몇 줄 추가해주면 한글깨짐 현상을 해결할 수 있습니다. 먼저 파일 인코딩 방식의 경우 대부분의 에디터에 인코딩 방식을 수정하는 기능이 있기 때문에 EUC-KR를 사용하는 경우에는 ANSI 인코딩, UTF-8을 사용하는 경우에는 UTF-8을 설정해주..

Html에서는 마우스 뿐만 아니라 키보드의 Tab를 이용해 포커스 이동이 가능합니다. 일반적으로 tabindex를 사용하지 않더라도 Html 마크업 순서에 맞게 Tab 이동이 가능합니다. 사용자와 상호작용이 가능한 태그들은 기본적으로 키보드로 포커스가 잡히게 되어 있는데 대표적으로 input, select, button, a 같은 태그를 예로 들 수 있고 이 태그들은 tab키나 shift+tab를 사용해 앞뒤로 포커스 이동을 자유롭게 할 수 있습니다. lable, h, p, span 같은 태그들은 포커스 이동이 되지 않지만 tabindex를 사용해 가능하도록 만들 수 있습니다. 또 tabindex를 사용하면 포커스 이동을 제외하거나 해당 페이지에서 탭이동 시 가장 먼저 포커스 이동이 시작되게 만들어 줄 ..

웹개발 하면서 그동안 html title 까지는 변경해줄 일이 없었는데 웹접근성에 맞는 홈페이지를 제작하면서 사용하게 되어 별도로 정리하게 됐습니다. html title이란 웹브라우저에서 탭에 나타나는 텍스트로 티스토리 사이트로 들어가면 다음과 같이 TISTORY로 텍스트가 뜨고 있습니다. 위와 같이 나오는 텍스트 내용을 수정하시려면 document.title = "변경하려는 텍스트"; 를 사용해 간단히 수정하실 수 있습니다. 다음 예제를 통해 확인해보겠습니다. 위와 같이 간단한 페이지를 만들어 테스트해보면 금방 확인하실 수 있습니다. db에서 값을 받아와 사용해야 하는 경우에도 document.title을 응용해 동적으로 타이틀을 수정하시면 될 것 같습니다.

HTML에서 첨자 넣는 법을 알아보겠습니다. 첨자는 주석을 넣기 위해서 많이 사용합니다. 문서를 보시다보면 부가적인 설명을 나타내기 위해서 첨자를 넣은 후 문서의 하단이나 우측 등에 세부 설명을 적는 경우를 보신 적이 있으실 겁니다. HTML에서는 sub 태그와 sup 태그를 사용하면서 첨자를 넣을 수가 있습니다. 둘다 첨자를 넣을 때 사용하는 태그이지만 차이가 있습니다. 간단한 예를 들어 두 태그의 차이와 사용법을 알아보도록 하겠습니다. 1. 태그 : 아래첨자를 넣고 싶을 때 사용합니다. subscript를 의미합니다. 이것은 아래첨자아래첨자 입니다. 결과 : 이것은 아래첨자아래첨자 입니다. 빨간색으로 표시된 부분이 sub 태그 부분입니다. 2. 태그 : 윗첨자를 넣고 싶을 때 사용합니다. super ..