방명록 치환자 살펴보자 #7

 

방명록 · GitBook

이번 포스팅은 방명록 관련 치환자에 대해서 살펴보도록 하겠다. 방명록도 이전에 포스팅한 태그 클라우드와 마찬가지로 방명록에 대한 페이지 내용을 관련 치환자를 사용하여 구성하는 역할을 한다. 

 

치환자 구조

방명록 관련 치환자는 입력폼과 리스트 부분으로 크게 두가지로 나뉘어있다. 방명록의 그룹치환자 역시 위에서 언급한 것과 같은 역할을 하는 <s_guest> 그룹치환자 내부에 방명록 관련 치환자를 기술하여 구현한다.

방명록 최상단 치환자

 

입력폼 치환자

다음으로는 먼저 입력폼관련 치환자에 대해서 설명하도록 하겠다. 입력폼 치환자는 아래와 사진과 같이 구성되어 있다. 만약 방명록 작성 조건을 로그인한 방문자에 대해서만 작성할 수 있다 하다면, 로그인하지 않았을 때 필요한 <s_guset_form> 아래의 치환자를 활용한 개발을 진행하지 않아도 된다. 

입력폼 관련 치환자

그렇기 때문에 비로그인을 지원하지 않는다면 와   치환자를  적절한 html 태그와 script를 활용하여 개발을 진행한다.

 

리스트 치환자

다음으로는 리스트관련 치환자는 입력된 방명록 데이터 정보를 시각화해주기 위한 치환자이다. 리스트 치환자에서 중요한 것은 댓글과 그 댓글에 대한 답글을 생각해 보면 구조를 잡기 편하다.

아래의 사진을 참고해 보면  최상단의 <s_guest_container> 치환자를 사용하여 해당 구역은 등록된 방명록에 대한 정보를 시각화 진행한다. 다음으로는 방명록 데이터의 반복문 역활을 하는 <s_guest_rep> 치환자를 < s_guest_container > 내부에 기술한다.

<s_guest_reply_container>는 방명록데이터(댓글)를 치환하는 그룹 치환자이며, <s_guest_reply_rep>은 방명록데이터(댓글)의 답글 데이터를 치환하는 그룹치환자이다. 

리스트 관련 치환자

 

< s_guest_reply_container>와 < s_guest_reply_rep>의 그룹 치환잔 내부에서 사용되는 값 치환자는 아래의 사진과 같다. 두가지의 그룹치환자에서 사용할 수 있는 값치환자는 을 제외하고 사용할 수 있다. 

내부 사용 값 치환자

위의 사진을 보면 가이드문서와 사용되는 걸 다른 치환자가 2가지가 있다. 꼭 주의하여 사용하도록 하자!!

 

추가로 기술되어 있지 않지만 비밀글에 관련 값 치환자인 [##_guest_input_is_secret_##]을 활용하여 시각화를 진행하면 된다. 아래는 비밀글 관련 치환자를 사용한 예제 코드이다.

<div class="question-add">
    <div class="question-secret">
        <input
                id="secret"
                type="checkbox"
                class="nes-checkbox is-dark"
                name=""/>
        <span>비공개</span>
    </div>
    <div class="question-content">
        <textarea name="" cols="50" rows="6"></textarea>
    </div>
    <div class="question-submit">
        <input type="submit" value="질문 등록하기" onclick=""/>
    </div>
</div>

 

 

tistory는 친절하게 라는 값치환자를 통하여 기본적인 방명록 구조를 반환해 주는 치환자를 제공한다.  해당 치환자 내부에는 방명록 개수, 방명록 리스트, 방명록 작성폼 내용을 포함하고 있다.