웹사이트 썸네일형 리스트형 Zero Width Space 문자 (화면에 안보이는 문자) * 본 글은 글 특성상 특이한 특수문자를 사용하여 일부 문장 등이 깨져보일 수 있습니다. 며칠 전에 개발 작업을 하다가 신기한 경험을 하였다. MySQL에 필드명을 영어로 검색해서 넣었는데 PHP에서 SELECT를 하니까 자꾸 SQL 오류가 발생했다. 없는 필드라고 한다. 아무리 다시 보고 다시 봐도 똑같아 보이던 와중에 결국 해당 단어들을 다시 입력해서 문제를 해결했고 며칠 뒤 지인에게서 Zero Width Space에 대해서 들었다. 다음 2줄을 살펴보면 최신 브라우저라면 같은 것으로 보일 것이다. 하지만 마우스로 클릭해보거나 크롬 개발자툴 등으로 살펴보면 단어 사이에 이상한 문자가 들어가 있다. 넓이가 0인 문자이다. (https://en.wikipedia.org/wiki/Zero-width_spa.. 더보기 AJAX Status 헤더를 이용한 에러 처리시 한글 깨짐 개인적으로 AJAX를 사용할때 서버(PHP)에서 에러를 리턴하기 위해서 헤더의 Status를 이용하고 있습니다. 예를 들어, PHP에서 에러를 리턴할때 다음과 같이 했습니다. header('Status: '.$errorMessage, true, 400); 그리고 Javascript에서는 해당 에러를 캐치하기 위해서 JQuery를 이용할 경우 다음과 같이 했습니다. $.post(url, requestData, function(returnData) { // Do something}, 'json').error(function(jqXHR) { var errorMessage = jqXHR.getResponseHeader('Status'); if ((errorMessage != null) && (errorMessa.. 더보기 크롬에서 볼드(Bold) 문자열 자간 문제 크롬이 38로 업데이트가 된 후로 웹페이지에서 이상한 점이 나타나기 시작했습니다. 바로 볼드된 문장의 경우 기존 버젼 및 타 브라우저에 비해서 이상할 만큼 적은 넓이를 사용하고 있습니다. 그것이 미세한 정도라면 무시할 수 있겠지만 아래 스크린샷과 같이 심각할 정도로 차이를 보이고 있습니다. 아마도 볼드(font-weight: bold)된 문장에 대해서 기본적으로 자간(letter-spacing)을 줄이고 있는 것 같습니다. 따라서, 별도로 letter-spacing 값을 줄 경우 중복 적용되게 됩니다. 이런 문제 때문에 구글링을 열심히 해봤지만 해당 문제에 대해서 얘기하는 글조차 검색하지 못하다가 크롬 포럼에서 해.. 더보기 이전 1 다음
