티스토리에서 제공한 'Book Club' 스킨에 댓글 관련 코드의 일부가 누락되었습니다. 댓글의 등록, 수정, 삭제 과정에 오류가 발생합니다.
모든 오류를 수정하지는 못하고 댓글을 등록하고 새로 고침을 하지 않으면 페이지의 내용이 갱신되지 않는 증상은 고칠 수 있습니다.
수정에 필요한 정보와 소스 코드는 티스토리 관련 페이지를 참고했습니다.
티스토리, 치환자 구조, 댓글 리스트입니다.
<div class="commentList">
<s_rp_container>
<ol>
<s_rp_rep>
<li id=''>
<div class="">
<span class="image"></span>
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="" class="address">
<span>댓글주소</span>
</a>
<a href="#" onclick="" class="modify">
<span>수정/삭제</span>
</a>
<a href="#" onclick="" class="write">
<span>댓글쓰기</span>
</a>
</span>
<p></p>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id=''>
<div class="">
<span class="image"></span>
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="" class="address">
<span>댓글주소</span>
</a>
<a href="#" onclick="" class="modify">
<span>수정/삭제</span>
</a>
</span>
<p></p>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ol>
</s_rp_container>
</div>
Book Club 스킨, 'skin.html' 파일의 455~497 라인입니다.
<div class="comment-list">
<ul>
<s_rp_rep>
<li>
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
<span class="control">
<button type="button">더보기</button>
<div class="link">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
</div>
</span>
</div>
<p><br>
<a href="#" onclick="" class="reply">답글</a></p>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li>
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
<span class="control">
<button type="button">더보기</button>
<div class="link">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
</div>
</span>
</div>
<p></p>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ul>
</div>
2개의 코드를 비교해 보면 북클럽 'skin.html' 파일에 2개의 오류와 1개의 차이점이 발견됩니다.
1. 'skin.html' 457~458 라인을 아래와 같이 수정합니다.
(상단 티스토리 원문의 라인 5와 동일하게 바꾸는 것입니다.)
#-- 수정 전
<s_rp_rep>
<li>
#-- 수정 후
<s_rp_rep>
<li id="">
2. 'skin.html' 475~476 라인을 아래와 같이 수정합니다.
(상단 티스토리 원문의 라인 26과 동일하게 바꾸는 것입니다.)
#-- 수정 전
<s_rp2_rep>
<li>
#-- 수정 후
<s_rp2_rep>
<li id="">
3. guest 관련 코드도 동일한 요령으로 수정합니다.
(skin.html 원본 562~566, 582~583)
3-1: 562~566 라인 마지막 줄 수정
#-- 수정 전
<s_guest_container>
<div class="comment-list">
<ul>
<s_guest_rep>
<li>
#-- 수정 후
<s_guest_container>
<div class="comment-list">
<ul>
<s_guest_rep>
<li id="">
3-2: 582~583 라인 마지막 줄 수정
#-- 수정 전
<s_guest_reply_rep>
<li>
#-- 수정 후
<s_guest_reply_rep>
<li id="">
4. 다른 코드
- 티스토리 원본: <div class="">
- skin.html: <div class="author-meta">
'skin.html'의 class "author-meta"는 'script.js'의 함수를 실행하여 처리하고 있습니다.
그대로 유지합니다.
[참고] 티스토리 "댓글 가이드" 발췌
: 댓글의 글의 목록에 반복되는 스타일 + admin 아이디 앞에 아이콘북클럽 스킨의 댓글 관련 오류 코드 수정은 인터넷 검색하면 여러 곳을 수정한 자료를 찾을 수 있습니다.
주의할 것은,
티스토리에서 공개한 치환자 외에 다른 치환자를 사용하는 경우
자바스크립트 코드를 수정하는 경우
코드 수행을 위한 라이브러리 파일을 추가 또는 호출하는 경우
심각한 보안 문제와 잘못된 코드로 인한 서버 정지 문제까지 발생할 수 있습니다.
2020년 9월 9일 새로운 스킨이 등록되었습니다.
"Odyssey"
꼭 현재 사용 중인 스킨을 지속해야 하는 상황이 아니라면 최근에 작성된 스킨으로 교체하는 것을 권장합니다.
관련 페이지 링크입니다.
댓글