모바일로 홈페이지를 접근하는 시간이 늘면서
기존의 댓글에서 답글이 5단계나 이어지는 방식은
코딩면에서나 화면 표시에서나 불편한 방식이 되었습니다.
댓글
-> 답글 (1단계 답변)
---> 답글의 답글 (2단계 답변)
------> 답글의 답글의 답글 (3단계 답변)
--------> 답글의 답글의 답글의 답글 (4단계 답변)
----------> 답글의 답글의 답글의 답글의 답글 (5단계 답변)
이와 같은 글에서 5단계 답변에는 어떻게 답변을 할것인가?
또 모바일에서는 답변이 5단계나 되는 화살표 표시를 좁은 화면에 어떻게 표시 할것인가?
와 같은 문제에 부딪히지 않을수 없습니다.
그래서 생각한것이 댓글을 1단계 까지만 표시하는 것입니다.
아시는 분도 계시겠지만 네이버 카페에는 댓글의 답글에 답글을 다는 경우 "누구님께 답글쓰기"라고 표시되어 나타납니다.
원글에 댓글은 1단계만 표시하는 것이지요.
그리고 댓글에 대한 답글은 별도로 없으며 "누구님께 답글쓰기"와 같이 표시됩니다.
이것의 구조를 간단하게 설명드리자면 아래와 같습니다.
가나다님이 쓴 댓글이 있다고 가정합니다.
가나다님께 쓴 답글
안녕하세요. 가나다님
... 그리고 다른 사람이 쓴 여러개의 댓글이 중간에 존재합니다 ...
ABC님께 쓴 답글
네 안녕하세요. 요즘 어떻게 지내세요?
... 또 다른 사람이 쓴 여러개의 댓글이 중간에 존재합니다 ...
가나다님께 쓴 답글
저는 잘 지냅니다. 시간 괜찮으시면 다음주에 밥 한번 먹죠?
이런 방식으로 댓글을 1단계로만 표시합니다.
이런 경우 다른 사람글과 섞여 있어 혼동이 되므로 "나에게 쓴 답글만 보기"라는 기능을 두어 아래와 같이 출력합니다.
가나다님께 쓴 답글
안녕하세요. 가나다님
----------------------------------------------- 구분선
ABC님께 쓴 답글
네 안녕하세요. 요즘 어떻게 지내세요?
----------------------------------------------- 구분선
가나다님께 쓴 답글
저는 잘 지냅니다. 시간 괜찮으시면 다음주에 밥 한번 먹죠?
글로 설명하려니 어렵군요.
이렇게 되면 이론상으로는 하나의 글에서 무한 답글이 가능하게 됩니다. ^^
나중에 기능으로 완성이 되면 "아! 이런 방식이었구나!" 하고 쉽게 이해하실 겁니다.
불금인데 메르스로 인하여 시내가 한산하군요.
주말 잘 보내세요.
댓글 2개
게시글 목록
| 번호 | 제목 |
|---|---|
| 26573 | |
| 7309 | |
| 19780 | |
| 7306 | |
| 28025 | |
| 28020 | |
| 28010 | |
| 7304 | |
| 7302 | |
| 7295 | |
| 7292 | |
| 7287 | |
| 19779 | |
| 7284 | |
| 7279 | |
| 7278 | |
| 28009 | |
| 31753 |
그누보드5
그누보드5 강좌 - 갤러리스킨 만들기
|
| 31752 | |
| 7274 | |
| 31751 | |
| 31750 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31749 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31748 |
그누보드5
그누보드5 강좌 - 스킨적용하기
|
| 30979 | |
| 31747 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전#2
|
| 28004 | |
| 31745 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전
1
|
| 7267 | |
| 7261 | |
| 31742 |
그누보드5
그누보드강좌 샘플
2
|
| 7256 | |
| 19776 |
node.js
mysql 연결 방법 2가지
2
|
| 24650 | |
| 7252 | |
| 7248 | |
| 28002 | |
| 19772 |
JavaScript
한글로 된 숫자를 아라비아 숫자로 변환
3
|
| 7245 | |
| 19770 | |
| 19769 | |
| 30975 | |
| 7243 | |
| 7236 | |
| 28001 | |
| 27994 | |
| 7233 | |
| 7232 | |
| 19768 |
jQuery
제이쿼리로 이미지 회전 시키기
|
| 19765 |
jQuery
구형 익스에서 HTML5 적용시키기
2
|
| 19763 |
jQuery
특정 레이어 높이 100% 잡는 법
1
|
| 30974 | |
| 7224 | |
| 19761 |
jQuery
모바일 해상도에 맞게 이미지 출력
1
|
| 24645 | |
| 19760 | |
| 19758 |
jQuery
제이쿼리를 이용하여 동영상 재생
1
|
| 19757 | |
| 19754 | |
| 19753 |
jQuery
브라우저 상단에 고정 시키는 제이쿼리 소스
|
| 19752 | |
| 19751 |
PHP
php 에러 출력하기
|
| 7223 | |
| 7216 | |
| 7213 | |
| 31741 |
AngularJS
AngularJS 강좌 9. HTML DOM
|
| 19750 |
jQuery
1원팁] css에 hover효과를 제이쿼리로
|
| 19749 |
JavaScript
1원팁]알고 있음 좋은 자바스크립트 함수
|
| 19748 |
jQuery
제이쿼리 기본 효과 메소드
|
| 31740 |
AngularJS
AngularJS 강좌 8. SQL
|
| 31739 |
AngularJS
AngularJS 강좌 7. Tables
|
| 31738 |
AngularJS
AngularJS 강좌 6. XMLHttpRequest
|
| 7208 | |
| 31737 |
AngularJS
AngularJS 강좌 5. Filters
|
| 30967 | |
| 31736 |
AngularJS
AngularJS 강좌 4. Controllers
|
| 7205 | |
| 30965 |
HTML
팁]모바일에서 전화 걸기
1
|
| 30963 | |
| 19747 | |
| 19746 |
기타
viewport 사용
|
| 19745 | |
| 19744 | |
| 19742 | |
| 7193 | |
| 7191 | |
| 31735 |
AngularJS
AngularJS 강좌 3. Directives
|
| 19741 |
jQuery
무한 스크롤 (이미지 갤러리용)
|
| 19740 |
PHP
[알고리즘] 하노이의 탑
|
| 19739 | |
| 7188 | |
| 27986 | |
| 31734 |
AngularJS
AngularJS 강좌 2. Expressions
|
| 31733 |
AngularJS
AngularJS 강좌 1. Introduction
|
| 31732 |
AngularJS
AngularJS 강좌 0. Home
|
| 7186 | |
| 19738 | |
| 19736 |
JavaScript
[알고리즘] 스택(stack)을 이용한 간단 계산기
1
|
| 7180 | |
| 7165 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기