UTF-8에서 한글 바이트 크기

회사에서 사용하는 오라클 DB에서 컬럼 제약이 VARCHAR2 300byte로 돼있었습니다. 저는 별 생각없이 한글 150자를 입력하고 테스트를 했는데 계속 실패. 이상하다 싶어서 글자 수를 줄이다가 결국 100글자에서 입력되는 걸 보고선 구글링을 하다가 UTF-8 바이트 크기라는 포스트를 발견했습니다. 아.. 한글은 3byte 구나. 팀 분이 말씀하시길 한글이 4byte인 경우도 있을거라고 하시더군요.

Textarea 한글 글자 수 카운팅 제대로하기

추측컨데 한글이 조합형이라 발생하는 문제 같습니다. 어떤 문제냐면 textarea 글자 수 카운팅을 할 때, keydown, keyup, change 등등의 이벤트 핸들러를 바인딩 해놔도 한글을 입력하면 카운트가 제대로 업데이트 되질 않습니다. 몇몇 jQuery 플러그인이나 JavaScript 구현된 것을 구글링 해봤는데 코드는 대동소이하더라구요. 문제도 여전히 발생하고. 사실 영어는 문제 발생하지 않으니 아마 고려하지 않았을겁니다. 이 문제를 해결한 곳이 두 [...]

jQuery의 event.stopPropagation()

회사 코딩하던 중에 다음과 같은 문제에 봉착했습니다: 제공받은 마크업 셀렉트 박스가 있는데 마치 콤보박스같이 클릭하면 아래로 몇 개의 리스트가 나타납니다. 따라서 제목을 클릭했을 때 리스트가 나타나고 사라져야하며, 또한 셀렉트 박스 외의 다른 지점을 클릭했을 경우 리스트가 사라져야 합니다. 처음엔 focusout()을 사용해보려고 했는데 제목을 누른 후 나타난 리스트를 클릭할 경우 focusout  이벤트가 발생해 리스트를 클릭할 수가 [...]

플래시가 다른 웹 컴포넌트를 가릴 때 해결 방법

네이버 스마트에디터에 플래시를 넣었는데 그 플래시 가로 크기가 크면 스마트에디터에 있는 메뉴 중 링크 삽입 같이 다이얼로그 창이 뜨는 UI가 플래시 뒷편에 뜨게 됩니다. 가려서 뭘 할 수가 없죠. 이럴 땐 <object> 태그에 wmode 속성을 찾아서 transparent로 변경해 주면 해결됩니다. IE용 폴백 코드가 있다면 wmode 속성도 2개일테니 둘 다 수정해 줘야 합니다.

IE6 button 태그에서 preventDefault() 안됨

IE6에서 jQuery로 <button> 태그에 이벤트 핸들러를 바인드 할 때, event.preventDefault() 를 사용하면 에러가 발생합니다. 그래서 다음과 같은 폴백으로 넘겼습니다: if (event.preventDefault) event.preventDefault(); else event.returnValue = false;