그냥 개발자 블로그

[워크식스] 웹디자인기능사 실기 (모달편) 본문

퍼블리싱팁

[워크식스] 웹디자인기능사 실기 (모달편)

마음이파파 2017. 8. 28. 02:29

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


이전에는 자바스크립트의 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. 워크식스

저작자표시 비영리 변경금지

'퍼블리싱팁' 카테고리의 다른 글

[워크식스] jquery iphone click 안될 때 해결법  (0) 2018.10.08
[워크식스] 크로스브라우징 팁 1탄  (0) 2018.04.20
[워크식스] 웹디자인기능사 실기 (좌우 슬라이드편)  (0) 2017.08.24
[워크식스] 웹디자인기능사 실기 (드롭다운 메뉴)  (0) 2017.08.24
[워크식스] 그림으로 배우는 슬라이드 배너 원리  (0) 2017.08.22
'퍼블리싱팁' Related Articles more