폼 작성

위젯 만들기

회원정보 보기

회원정보 보기 기능을 구현하기 위해 필요한 요청 데이터 식별자와 응답 결과 구조를 안내합니다.
각 필드의 설명과 사용 방식은 아래 설명을 참고하여 연동 시 참고하시기 바랍니다.

데이타 식별자

{
  "dataID": "MY_PAGE",
  "fail_redirect_url":"",
  "my_notice_limit":20,
  "my_notice_flg":"Y",
  "page":1,
  "block_number":5,
  "my_post_list_flg":"Y",
  "my_post_list_limit":20,
  "post_responder_flg":"Y",
  "post_responder_limit":20
}

Key	Description
dataID	데이터 고유값
fail_redirect_url	로그인이 되지 않은 상태로 접근 시 이동할 URL
my_notice_limit	나의 알림 가져올 개수
page	나의 알림 페이지 번호
block_number	나의 알림 페이지 표시 개수
my_post_list_flg	내가 작성한 게시글 목록 가져오기 여부 : Y 또는 설정 안함
my_post_list_limit	내가 작성한 게시글 목록을 가져올 개수
my_notice_flg	나의 알림 가져오기 여부 : Y 또는 설정 안함
post_responder_flg	나의 글에 반응한 사람 목록 가져오기 여부 : Y 또는 설정 안함
post_responder_limit	나의 알림 가져올 개수

Response Result

{
  "avatar_url": "/avatar/url",
  "nickname": "Kim",
  "name": "Gi; dong",
  "level": 1,
  "member_post_count": 10,
  "member_comment_count": 20,
  "member_like_count": 10
}

Key	Description
avatar_url	아바타 URL
nickname	닉네임
name	이름
level	회원 Level
member_post_count	회원이 작성한 게시물 수
member_comment_count	회원이 응답한 코멘트 수
member_like_count	회원이 보낸 좋아요 수

Example

닉네임

(이름)

Level : 10

Post : 120

Comment : 200

Like : 350

알림에 등록된 메시지 제목이 표시됩니다. 2024-01-01 17:56:12

댓글이 작성되었을 경우 댓글 내용의 일부가 표시됩니다.
내용은 댓글 또는 좋아요 등의 사용자 홛동에 따라 다르게 표시되거나 표시되지 않습니다.

1
2
3
4
5

<div class="container">
  <div class="row">
    <div class="col-12 mb-5">
      <div class="px-lg-4 mb-5">
        <!-- USER PROFILE START -->
        <div class="mb-3 row rounded-3 py-3">
          <div class="col-12 col-md-12 col-lg-auto mb-3 mb-sm-0 d-flex justify-content-center align-items-center">
            <div class="mx-4" style="width:6rem;">
              <img colon:src="output.user.avatar_url" class="img-fluid">
            </div>
          </div><!-- media-img -->
          <div class="w-100 my-2 ps-3 py-3 me-4 rounded-3 col-12 col-md-12 col-lg media-body d-flex flex-column align-items-start justify-content-center">
            <div class="w-100 text-center text-lg-start d-flex align-items-center justify-content-start">
              <h4>
                {{ output.user.nickname }}
              </h4>
              <small class="d-block my-2 ms-2">({{ output.user.name }})</small>
            </div>
            <div class="w-100 mt-2 row row-cols-sm-auto justify-content-center justify-content-lg-start">
              <div class="col-6 col-sm-3">
                <span class="w-100 mt-2 badge text-white rounded-pill bg-secondary">Level : {{ output.member[0].level.toLocaleString() }}</span>
              </div>
              <div class="col-6 col-sm-3">
                <span class="w-100 mt-2 badge text-white rounded-pill bg-secondary">Post : {{ output.member_post_count ? output.member_post_count.toLocaleString() : 0 }}</span>
              </div>
              <div class="col-6 col-sm-3">
                <span class="ms-3 mt-2 badge text-white rounded-pill bg-secondary">Comment : {{ output.member_comment_count ? output.member_comment_count.toLocaleString() : 0 }}</span>
              </div>
              <div class="col-6 col-sm-3">
                <span class="ms-3 mt-2 badge text-white rounded-pill bg-secondary">Like : {{ output.member_like_count ? output.member_like_count.toLocaleString() : 0 }}</span>
              </div>
            </div>
          </div>
        </div>
        <!-- USER PROFILE START -->
        <!-- MY NOTICE LIST START -->
        <div v-if="output.notice_list?output.notice_list.length:false">
          <ul class="list-group list-group-flush my-5">
            <li class="list-group-item py-3 bg-transparent" v-for="result in output.notice_list">
              <p class="d-sm-flex flex-wrap align-items-center mb-2">
                <a href="" class="avatar avatar-sm me-2 d-none d-sm-inline"><img colon:src="result.avatar_url" alt=""></a>
                <span class="fs-sm" v-html="result.notice_message"></span>
                <span class="my-2 text-secondary text-nowrap fs-xs ms-auto d-flex align-items-center justify-content-end">
                <i class="far fa-clock me-1"></i><small>{{ result.create_date }}</small>
                </span>
              </p>
              <div class="card border-0" v-if="result.notice_content">
                <div class="card-body small" v-html="result.notice_content"></div>
              </div>
            </li>
          </ul>
          <!-- PAGINATION START -->
          <div class="mt-2">
            <nav>
              <ul class="pagination justify-content-center mb-0">
                <li class="page-item"><a class="page-link border-0 bg-transparent" v-bindcolon:href="output.pagination.paging.first.link" v-bindcolon:data-page="output.pagination.paging.first.number"><i class="fas fa-angle-double-left"></i></a></li>
                <li class="page-item"><a class="page-link border-0 bg-transparent" v-bindcolon:href="output.pagination.paging.prev.link" v-bindcolon:data-page="output.pagination.paging.prev.number"><i class="fas fa-angle-left"></i></a></li>
                <li class="page-item h-page-numbers" v-if="output.pagination.paging.page" v-for="page in output.pagination.paging.page"><a class="border-0 bg-transparent" colon:class="{'page-link'colon:true, 'active'colon: output.pagination.page == page.number }" v-bindcolon:href="page.link" v-bindcolon:data-page="page.number">{{ page.number }}</a></li>
                <li class="page-item" v-else><a class="border-0 page-link bg-transparent">1</a></li>
                <li class="page-item"><a class="page-link border-0 bg-transparent" v-bindcolon:href="output.pagination.paging.next.link" v-bindcolon:data-page="output.pagination.paging.next.number"><i class="fas fa-angle-right"></i></a></li>
                <li class="page-item"><a class="page-link border-0 bg-transparent" v-bindcolon:href="output.pagination.paging.end.link" v-bindcolon:data-page="output.pagination.paging.end.number"><i class="fas fa-angle-double-right"></i></a></li>
              </ul>
            </nav>
          </div>
          <!-- PAGINATION END -->
        </div>
        <div v-else class="my-4 px-3 py-4 text-center rounded-3 d-flex align-items-center justify-content-center"><i class="far fa-bell me-2"></i> <small>활동 내역이 없습니다.</small></div>
        <!-- MY NOTICE LIST END -->
      </div>
    </div>
  </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-12 col-lg-9 border-md-end-none border-end mb-5">
            <div class="px-lg-4 mb-5">
                <!-- USER PROFILE START -->
                <div class="mb-3 row rounded-3 py-3">
                    <div class="col-12 col-md-12 col-lg-auto mb-3 mb-sm-0 d-flex justify-content-center align-items-center">
                        <div class="mx-4" style="width:6rem;">
                            <img src="<?=$output['member'][0]['avatar_url'];?>" class="img-fluid">
                        </div>
                    </div><!-- media-img -->
                    <div class="w-100 my-2 ps-3 py-3 me-4 rounded-3 col-12 col-md-12 col-lg media-body d-flex flex-column align-items-start justify-content-center">
                        <div class="w-100 text-center text-lg-start d-flex align-items-center justify-content-start">
                            <h4>
                                <?=$output['member'][0]['nickname'];?>
                            </h4>
                            <small class="d-block my-2 ms-2">(<?=$output['member'][0]['name'];?>)</small>
                        </div>
                        <div class="w-100 mt-2 row row-cols-sm-auto justify-content-center justify-content-lg-start">
                            <div class="col-6 col-sm-3">
                                <span class="w-100 mt-2 badge text-white rounded-pill bg-secondary">Level : <?=number_format($output['member'][0]['level']);?></span>
                            </div>
                            <div class="col-6 col-sm-3">
                                <span class="w-100 mt-2 badge text-white rounded-pill bg-secondary">Post : <?=number_format($output['member'][0]['member_post_count']);?></span>
                            </div>
                            <div class="col-6 col-sm-3">
                                <span class="ms-3 mt-2 badge text-white rounded-pill bg-secondary">Comment : <?=number_format($output['member'][0]['member_comment_count']);?></span>
                            </div>
                            <div class="col-6 col-sm-3">
                                <span class="ms-3 mt-2 badge text-white rounded-pill bg-secondary">Like : <?=number_format($output['member'][0]['member_like_count']);?></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- USER PROFILE END -->
                <!-- MODIFY FORM START-->
                <form id="frm_member" class="my-5">
                    <input type="hidden" name="return_url" id="return_url" value="/mypage/view"/>
                    <div class="setting-item">
                        <div class="row g-2 align-items-center">
                            <div class="col-md-5">
                                <h6>이메일</h6>
                                <p class="small mb-0">사용하시는 이메일 주소를 입력하세요.</p>
                            </div><!-- col -->
                            <div class="col-md">
                                <input type="email" value="<?=$output['member'][0]['email'];?>" class="form-control" data-validation="email" data-validation-type="replace" id="email" name="email" placeholder="이메일을 입력하세요" data-gtm-form-interact-field-id="0">
                            </div><!-- col -->
                        </div><!-- row -->
                    </div>
                    <div class="setting-item">
                        <div class="row g-2 align-items-center">
                            <div class="col-md-5">
                                <h6>휴대전화</h6>
                                <p class="small mb-0">휴대전화번호를 입력하세요.</p>
                            </div><!-- col -->
                            <div class="col-md">
                                <input type="text" value="<?=$output['member'][0]['cell_phone'];?>" class="form-control" data-validation="number" data-validation-type="replace" id="cell_phone" name="cell_phone" placeholder="휴대전화 번호를 입력하세요">
                            </div><!-- col -->
                        </div><!-- row -->
                    </div>
                    <div class="setting-item">
                        <div class="row g-2 align-items-center">
                            <div class="col-md-5">
                                <h6>이름</h6>
                                <p class="small mb-0">이름을 입력하세요.</p>
                            </div><!-- col -->
                            <div class="col-md">
                                <input type="text" value="<?=$output['member'][0]['name'];?>" class="form-control" data-validation="not-empty" id="name" name="name" placeholder="이름을 입력하세요">
                            </div><!-- col -->
                        </div><!-- row -->
                    </div>
                    <div class="setting-item">
                        <div class="row g-2 align-items-center">
                            <div class="col-md-5">
                                <h6>닉네임</h6>
                                <p class="small mb-0">포럼 등에서 사용할 닉네임을 입력하세요.</p>
                            </div><!-- col -->
                            <div class="col-md">
                                <input type="text" value="<?=$output['member'][0]['nickname'];?>" class="form-control" data-validation="not-empty" id="nickname" name="nickname" placeholder="닉네임을 입력하세요">
                            </div><!-- col -->
                        </div><!-- row -->
                    </div>
                    <div class="setting-item">
                        <div class="row g-2 align-items-center">
                            <div class="col-md-5">
                                <h6>아바타</h6>
                                <p class="small mb-0">프로필 아바타를 선택하세요.</p>
                            </div><!-- col -->
                            <div class="col-md">
                                <div class="d-flex flex-wrap justify-content-start align-items-center">
                                    <? foreach ($arrAvatar as $intKey => $strResult) { ?>
                                        <div class="me-2 my-1 text-center">
                                            <label class="form-check-label avatar avatar-lg" for="avatar_<?= $intKey + 1; ?>"><img src="<?= $strResult; ?>"/></label>
                                            <input class="" type="radio" id="avatar_<?= $intKey + 1; ?>" name="avatar_url" value="<?= $strResult; ?>" <? if($output['member'][0]['avatar_url']==$strResult){ ?>checked="checked"<? } ?>>
                                        </div>
                                    <? } ?>
                                </div>
                            </div><!-- col -->
                        </div><!-- row -->
                    </div>
                    <div class="setting-item">
                        <div class="row g-2 align-items-center">
                            <div class="col-md-5">
                                <h6>생일</h6>
                                <p class="small mb-0">생일을 선택하세요.</p>
                            </div><!-- col -->
                            <div class="col-md">
                                <div class="row">
                                    <div class="col">
                                        <label for="birth_y" class="form-label visually-hidden">생일(년)</label>
                                        <select class="form-select" id="birth_y" name="birth_y" data-validation="not-empty">
                                            <option value="">년도 선택</option>
                                            <? for ($y = date('Y'); $y > date('Y') - 80; $y--) { ?>
                                                <option value="<?= $y; ?>" <? if($output['member'][0]['birth_y']==$y){ ?>selected="selected"<? } ?>><?= $y; ?>년</option>
                                            <? } ?>
                                        </select>
                                    </div>
                                    <div class="col">
                                        <label for="birth_m" class="form-label visually-hidden">생일(월)</label>
                                        <select class="form-select" id="birth_m" name="birth_m" data-validation="not-empty">
                                            <option value="" selected="selected">월 선택</option>
                                            <? for ($m = 1; $m < 13; $m++) { ?>
                                                <option value="<?= $m; ?>" <? if($output['member'][0]['birth_m']==$m){ ?>selected="selected"<? } ?>><?= $m; ?>월</option>
                                            <? } ?>
                                        </select>
                                    </div>
                                    <div class="col">
                                        <label for="birth_d" class="form-label visually-hidden">생일(일)</label>
                                        <select class="form-select" id="birth_d" name="birth_d" data-validation="not-empty">
                                            <option value="" selected="selected">일 선택</option>
                                            <? for ($d = 1; $d < 32; $d++) { ?>
                                                <option value="<?= $d; ?>" <? if($output['member'][0]['birth_d']==$d){ ?>selected="selected"<? } ?>><?= $d; ?>일</option>
                                            <? } ?>
                                        </select>
                                    </div>
                                </div>
                            </div><!-- col -->
                        </div><!-- row -->
                    </div>
                    <div class="setting-item">
                        <div class="row g-2 align-items-center">
                            <div class="col-md-5">
                                <h6>소식 및 정보 수신</h6>
                                <p class="small mb-0">소식 및 정보 수신 여부를 선택하세요.</p>
                            </div><!-- col -->
                            <div class="col-md">
                                <div class="form-group has-validation">
                                    <div class="form-check lh-base mt-3">
                                        <input class="form-check-input" type="checkbox" id="receive_message_flg" name="receive_message_flg" value="Y" <? if($output['member'][0]['receive_message_flg']){ ?>checked="checked"<? } ?>><label class="form-check-label" for="receive_message_flg">소식 및 정보등의 수신 동의.</label>
                                    </div>
                                </div>
                            </div><!-- col -->
                        </div><!-- row -->
                    </div>

                    <div class="my-5 text-center">
                        <div class="my-4 text-center mb-5">
                            <button type="submit" class="mx-1 btn border-hbnc-primary bg-hanbnc-primary-3 border border-3 px-4">확인</button>
                            <a href="/console/public/profile/" class="mx-1 btn border-gray-default-op-50 bg-gray-light border border-3 px-4">취소</a>
                        </div>
                    </div>
                </form>
                <!-- MODIFY FORM END -->
            </div>
        </div>
    </div>
</div>

관련 링크

User Discussions

등록된 글이 없습니다.