'모달은 어떻게 만드나요?' 라는 질문이 있어서 이번 글과 영상을 제작하게 되었습니다.


이전에는 자바스크립트의 alert 함수를 이용하여 알림 메시지를 보여주거나 또는 window.open 함수를 이용하여 새로운 서브 페이지를 보여주고는 했었습니다.

그러나 브라우저 보안을 이유로 또는 디자인이 이쁘지 않다는 이유로 모달 창 또는 레이어팝업 메시지가 지금은 많이 사용됩니다.


아래 영상은 모달 제작 과정을 녹화한 영상 입니다.






(유튜브에서 더욱 큰 화면으로 보실 수 있습니다.)




샘플코드


sample.zip







관련글


2017/08/28 - [IT] - [워크식스] 웹디자인기능사 실기 (모달편)


2017/08/24 - [IT] - [워크식스] 웹디자인기능사 실기 (좌우 슬라이드편)


2017/08/24 - [IT] - [워크식스] 웹디자인기능사 실기 (드롭다운 메뉴)


2017/08/18 - [IT] - [워크식스] 웹디자인기능사 실기 (좌로 흘러가는 슬라이드 편)


2017/08/16 - [IT] - [워크식스] 웹디자인기능사 실기 (디버깅편)


2017/08/16 - [IT] - [워크식스] 웹디자인기능사 실기 (퍼블리싱편)


2017/08/16 - [IT] - [워크식스] 웹디자인기능사 실기 (디자인편)







copyright ⓒ 2017. 워크식스

+ Recent posts