발생일: 2011.09.06 문제: 스크립트를 로드하기 위해 서버에서 직접 JSON 형태의 데이터를 페이지에 찍는 경우가 많다. 헌데, 종종 서버 데이터에 따옴표 등이 포함되어 있어 스크립트 오류가 나곤 한다. 또한, 전달받은 데이터가 HTML을 구성하기 위한 용도일 경우엔 모듈마다 태그 처리 방법이 달라 원하지 않는 결과가 나올 때도 있다. 이런 상황이 발생할 걸 예측하고 있지만, (헷갈리다보니) 매번 케이스 바이 케이스로 처리할 때가 많다. 애초부터 좀 일관되게 처리하면 좋지 않을까? 해결책: 예를 들어, 아래와 같은 데이터를 서버에서 출력했다고 가정해보자. var serverData = { title: "울랄라 나는 "제목"이다.", // 따옴표 때문에 오류가 발생한다. content: "본문도 중..
발생일: 2009.06.24 문제: option에 포함된 text 길이에 따라 동적으로 가로 사이즈가 늘어나는 select box가 있다. 사이즈는 대략 맞으면 되었기 때문에 내부적으로는 font size(대충 11 정도)에 text 길이를 곱한 값으로 select box의 스타일을 설정하는 로직이 있었다. 이제까지는 text에 영어만 있었기 때문에 별 탈 없이 운영되고 있었는데, 이번에 한글이 포함되면서 select box의 가로 사이즈가 정상적으로 늘어나지 않는다. 한글이 2byte 임에도 length를 구하면 1byte로 표시되기 때문이다. 한글을 포함한 문자열의 길이를 구할 수 있을까? 해결책: 검색해보니 한글 포함 문자열의 길이를 구하는 로직에 대해 정리해둔 블로그가 있다. 텍스트 내 캐릭터를 ..