티스토리 Whatever 스킨 공지사항/방명록 버그 잡기 - 다크모드 최적화 4탄

티스토리 왓에버 Whatever 스킨 다크모드 최적화가 거의 끝나는 것 같습니다. 구글 애드센스 (일치하는 컨텐츠)도 다크모드에 적합하게 배경색깔을 변경했고.. 모바일 화면도 이것 저것 신경을 써서 눈이 많이 편해진 것 같고요. 최근엔 구글서치콘솔의 클릭요소 너무 가까움 관련 모바일 사용 편의성도 최적화했습니다.

지난 글에서 그동안 발견한 티스토리 Whatever 스킨의 숨겨진 버그들을 공개했었습니다. drkimfixnsolve.tistory.com/146

티스토리 왓에버 스킨 숨겨진 버그 잡기 - 다크모드 2탄

윗글 이후에 발견한 것들은 사소한 것들이어서 공개의 필요성을 느끼지 못하고 있었는데, 어제 외국방문자를 위한 공지글을 올리면서 이곳에 깔려 있는 중요한 버그를 발견했습니다. 약간 어이도 없고, 공지글이 뭔가 위치를 제대로 잡고 있지 않은 듯하여 내용을 공유해 봅니다.

우선 공지글을 올리면 작성자 이름이 빠져 있습니다. 스킨편집/html 편집 화면에 들어가  공지관련 부분을 살펴 보니 아래와 같았습니다.

Whatever 스킨 공지글 관련 html 부분

이 화면의 색칠한 부분이 작성자 닉네임 표시하는 치환자 부분인데 어이 없게도 밑줄(_)이 두개가 있었습니다. 치환자는 보통 문법으로 앞뒤에 밑줄이 하나씩 있는 것 같은데, 이 경우는 실수로 앞쪽에 두개를 넣은 것 같습니다. 가볍게 밑줄 하나를 지워주면 작성자 이름이 정상적으로 나옵니다.

또한 공지글의 수정, 삭제 링크가 제대로 작동하지 않습니다. 이걸 클릭해도 제대로 편집화면으로 이동하지 못하는데, , 치환자가 잘못 설정되어 있는 것 같습니다. 공지글 편집화면으로 이동해야 하는데, 스킨가이드에서 제대로 된 치환자를 찾을 수 없어서 해당부분을 아래처럼 전부 코멘트처리했습니다.

	<!DrK s_ad_div>
		<!span><!a href=""><!수정><!/a><!/span>
		<!span><!a href="#" onclick=""><!삭제><!/a><!/span>
	<!DrK /s_ad_div>

이 치환자들은 일반 게시글 편집시 사용하는 것들로서 공지글은 편집화면이 살짝 다른 것을 보니 (태그 입력 화면이 없습니다).. 다른 공지글 전용 치환자가 존재하는 것 같습니다. 제대로 된 치환자가 확인되면 공개하겠습니다. 혹시 아시는 분은 댓글 부탁드립니다.

(추가 2020/7/19) 티스토리 방명록에도 버그가 '똭' 자리잡고 있습니다. 방명록 작성자 프로필 이미지가 나타나지 않는 것인데요. 해당하는 프로필 이미지 치환자 정보가 알려진 게 없는데, 기본적으로 방명록이 댓글과 같은 구조로 되어 있습니다. 댓글에서 해당 치환자가 이기 때문에.. 대충 로 유추하고 코드를 수정했더니 해결이 되네요. 티스토리의 '찐' 숨겨진 버그였습니다.

수정할 곳은 왓에버 스킨 html 편집에는 두군데 있고, 필요하신 분들은 방명록 해당부분(400번째 줄 근처)을 찾아 아래처럼 코드를 수정하시기 바랍니다. 

<!DrK img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<img src="" class="avatar" alt="">

위 코드의 첫줄은 코멘트 처리인데 백업 목적이거나 해당 라인을 찾는 도움 목적으로 남겼는데.. 취향에 따라 지우셔도 됩니다.

좀 살펴보니 다른 티스토리 스킨 방명록에서도 비슷한 문제가 있네요. 위의 숨겨진 치환자 를 사용해 해결하시면 될 것 같습니다. 자세한 스토리는 따로 작성해 봤습니다. drkimfixnsolve.tistory.com/160

[최초] 티스토리 방명록의 숨겨진 프로필 이미지 치환자 공개