회사에서 모바일용 사이트를 만들면서 황당했던 문제인데, 생각난 김에 정리해볼까 합니다. 아이폰(ios)에서는 발생되지 않는 문제이며 안드로이드 os 에서만 발생됩니다. 이외에 타 os는 테스트용 기기가 없어서 확인해보지 못했네요. 이 문제는 absolute 레이어로 페이지를 구성했음에도 하위 레이어의 엘리먼트가 터치 이벤트를 가로채는 현상입니다. 백문이 불여일견이라고 아래 스샷을 보면 이해가 쉬울겁니다. 이미 구글 안드로이드 포럼(링크)에 기재되어 있는 버그이나 아직도 수정되진 않았네요 -_-^ 버그수정전까지는 웹 개발자가 임시방편을 취할 수 밖에 없는데요. 상위 레이어를 띄울때 하위 엘리먼트들을 hidden 처리해주어야 합니다. 이렇게 하면 하위 엘리먼트가 터치 이벤트를 가로채는 현상을 막을 수 있습니..

업무중에 필요에 의해 윈도우 환경하에서 xampp를 세팅하여 로그를 보고 있는데, 메모장으로 로그파일을 열어놓고 새로고침을 하고 있자니 내가 뭐하고 있는가 싶더군요 -__- 그래서 구글에 찾아보니까 쓸만한 프로그램이 있기에 정보공유차원에서 올려봅니다. 프로그램 설치후 실행을 하면 다음과 같은 창이 보이고 원하는 로그파일을 열면 리눅스에서 tail을 한 것과 동일하게 로그파일을 확인할 수 있습니다. 설명이 굳이 없는 프로그램이기에 다운받아서 그냥 설치만 하면 됩니다 :) * 공식홈페이지: http://tailforwin32.sourceforge.net/