alert-page
v0.0.4
Published
팝업창을 띄워주는 라이브러리 입니다.
Downloads
1
Readme
Alert Page
Personal Project
Service abstraction
- 알림창 만들기
Example
dragonist.github.io/alertpage
SW functions
- 브라우저에서 제공하는 alert창 보다 예쁘고,
- 팝업창의 템플릿은 기본으로 만들되,
- 추가할 수 있도록!
Operation and Development Env.
- Language : Javascript, Jquery
- operation Env. : MacBook Pro (13-inch, Mid 2012)
- development Env : Nodejs v0.12.7, Javascript, Python
Schedule
week 1 : click 이벤트일때 실행하는 함수안에 new Alert 를 실행하면 팝업창이 뜬다.
- 기능 :
- 팝업창을 띄울 클릭 버튼을 구현한다.
- 팝업창 이외의 화면을 클릭했을 때 팝업창이 꺼지도록!
- 팝업창의 창닫기를 눌러도 꺼지도록!
- 팝업창 에니메이션 효과 옵션
- 기본 템플릿 구현 :
- 둥근 직사각형의 팝업창에 x 버튼과 그 외 화면 회색으로
- 가운데 정렬 유지!
week 2 : 팝업창의 여러 버튼을 삽입 하여 창닫기 이외의 버튼을 눌렀을 때 어떤 동작을 하게 한다.
- 기능 :
- 팝업창이 여러 템플릿 지원!
- 팝업창의 A버튼을 눌렀을 때 팝업창이 닫히고, 화면에 예쁜 사진이 뜬다.
- (promise)
- 팝업창이 하나 이상 뜨지 않게 한다.
week 3 : 옵션을 제공한다.
- 오늘 하루 읽지 않음 이런 기능을 옵션으로 추가한다. (session-storage)
- 사용자만의 템플릿을 만들 수 있도록 옵션을 추가한다.