기존에 뭔가 공지사항이나 이용자들에게 전달하고 싶은 말에 대해서 전하기 위해서 그냥 alert를 사용하기에는 디자인이 브라우저에 의존한다는 점과 alert창이 뜰 시에 확인을 누르기전에 페이지 조작을 방해한다는 점에서 사용자에게 불편함을 안겨주게 된다.
그렇기 때문에 사용자의 이용을 많이 방해하지 않으면서도 예쁘게 전달할 수 있어야 한다.

그래서 메시지 객체를 만들어두었는데. 헤더 영역에 


<div class="kigui-l-h-m">
    <div class="kigui-l-h-m-t"></div>
    <div class="kigui-l-h-m-c">
        <i class="material-icons">close</i>
    </div>
</div>

위는 실질 메시지 코드

<div class="kigui-l-o-m"></div>

이거는 메시지가 보여질 때 공간을 확보하기 위함(메시지는 화면에 fixed되므로 컨텐츠가 위치하는 상단 영역을 가리지 않도록 차지해둘 필요가 있음.)


다음과 같은 형태로 작성을 한다.

kigui-l-h-m-t에 텍스트 그리고 닫는 버튼이 위치하는데.

이렇게 하면 여러개의 메시지를 사용자에게 줄 수 없고 단일 사용만 가능하다는 문제점이 발생한다.



그래서 차라리 공간만 확보를 해주고 자바스크립트를 통해서 객체자체를 만들기로 하였다.

그래서 현재 어느정도 진행이 된 상태




중간에 메시지가 새롭게 나타나는 것은 새로고칩을 한 것이다. 메시지를 순서상관없이 지워도 정상적으로 지워진다는 것을 어필하고 싶었다.



만약 메시지 객체 수정이 빠르게 이루어진다면, 지금까지 사용하는 여러 프로젝트에 다 변경점을 업로드하려면 또 귀찮아질 예정이다.
이래서 kigui를 타인의 사용을 금지하고 있는 이유이다.


'개발 > 개발 잡소리' 카테고리의 다른 글

20170625 티스토리 스킨 개발 현황  (0) 2017.06.25
티스토리 스킨 개발 현황  (0) 2017.06.23
kigui 메시지 객체  (0) 2017.06.19
웹 프로젝트 오프라인 모드  (0) 2017.06.14
웹 프로젝트 정리  (0) 2017.06.12
메이플 무토 레시피 개발 현황  (0) 2017.06.03

댓글 작성