게시물 목록

게시물 목록 페이지를 구현하기 위해 필요한 요청 데이터 식별자와 응답 결과 구조를 안내합니다.

데이타 식별자

{
  "dataID": "GET_POST_LIST",
  "page": 1,
  "page_link_url": "/post/list",
  "page_link_hash": "HASH",
  "bbs_seq": 200,
  "list_per_page": 20,
  "block_per_page": 5,
  "search_type": "default",
  "search_keyword": "keyword",
  "order": "create_date",
  "sort": "desc"
}
KeyDescription
dataID데이터 고유값
page페이지 번호
page_link_url페이지 이동 링크 URL
page_link_hash페이지 이동 링크 Hash(Hash 페이지 내에서 Hash링크로 이동해야 하는경우 필요)
bbs_seq게시판 시퀀스
list_per_page페이지당 출력될 목록 개수
block_per_page페이지 내 페이징 블럭에 표시될 페이지 링크 수
search_type검색 필터 구분(default:작성자/제목/본문, distance:거리m)
search_keyword검색 키워드
order정렬구분(create_date:작성일, distance:거리)
sort정렬방식(asc:내림차순, desc:오름차순)

HTML

<div id="post_list">
    <div v-for="post in output.post_list">
        <div>
            <small>{{post.reg_name}}</small>
            <small> / </small>
            <small>{{post.create_date}}</small>
        </div>
        <h3>{{post.subject}}</h3>
        <p>
            {{post.content}}
        </p>
    </div>
</div>
  • div
    <div id="post_list"></div>

    게시글 목록이 표시될 영역입니다.

  • div
    <div v-for="post in output.post_list"></div>

    게시글 표시를 위한 반복문

Response Result

{
  "post_list": [
    {
      "post_key": "E477FEEB837326JEUDYFC505D20C022",
      "bbs_key": "E477FEEBEE4D444D208AFC505D20C022",
      "subject": "post subject",
      "depth": 2,
      "member_key": "E477FEEBEE4DB8BD208AFC505D20C022",
      "email": "poster@email.com",
      "cell_phone": "01000001111",
      "reg_name": "2025-05-30 02:53:34",
      "create_date": "2025-05-20 02:53:34",
      "modify_date": "2025-05-30 02:53:34",
      "read_count": 500
    }
  ]
}
KeyDescription
post_list게시물 목록 배열
post_list[n].post_key게시물 고유 Key
post_list[n].bbs_key게시판 고유 Key
post_list[n].subject게시물 제목
post_list[n].depth게시물 들여쓰기 단계
post_list[n].member_key작성자 회원 key(회원일 경우만)
post_list[n].email작성자 이메일
post_list[n].cell_phone작성자 휴대폰 번호
post_list[n].reg_name작성자 이름
post_list[n].create_date작성일
post_list[n].modify_date변경일
post_list[n].read_count게시물 조회수

Example

Micky2025-10-10 11:11:11
Post Subject Here

Post Content Here 

<div id="post_list" data-load-type="vue-pagination" class="row">
<div class="col-12 my-3" vv-for="post in output.post_list">
  <div class="card h-100">
    <img />
    <div class="card-body">
      <div class="d-flex justify-content-between align-items-center">
        <small>{{post.reg_name}}</small><small>{{post.create_date}}</small>
      </div>
      <hr/>
      <h5 class="card-title">{{ post.subject }}</h5>
      <p class="card-text">
        {{ post.content }}
      </p>
    </div>
  </div>
</div>
</div>
<div id="post_list" data-load-type="page-link" class="row">
    <?php foreach($output['post_list'] as $intKey=>$arrPost){ ?>
        <div class="col-12 my-3">
            <div class="card h-100">
                <img src="<?=$arrPost['files'];?>"/>
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <small><?=$arrPost['reg_name'];?></small><small><?=$arrPost['create_date'];?></small>
                    </div>
                    <hr/>
                    <h5 class="card-title"><?=$arrPost['subject'];?></h5>
                    <p class="card-text">
                        <?=$arrPost['content'];?>
                    </p>
                </div>
            </div>
        </div>
    <? } ?>
</div>

관련 링크