alert-page v0.0.4

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)
• 사용자만의 템플릿을 만들 수 있도록 옵션을 추가한다.

week 4 : 리팩토링 & 자바 웹 프로젝트에 적용.