모달(Modal)이란 모달(Modal)은 기존 페이지 콘텐츠 위에 표시되는 일종의 알림 창입니다. 그렇기 때문에 새로운 내용이 화면에 표시되더라도 기존 페이지는 레이아웃 변경 없이 그대로이며, 모달 창의 크기는 모달 창의 내용에 맞추어지고, 모달 창 외의 부분은 배경의 역할을 하게 됩니다. 배경은 기존 페이지가 그대로 보이게 할 수도 있고, 아래 예시처럼 기존 페이지를 반투명하게 바꾸어 모달 창의 내용에 집중하게 할 수도 있습니다. 이러한 모달(Modal)을 만들기 위해서는 기본적으로 두 요소가 필요합니다. 하나는 '모달 창', 나머지 하나는 '모달 창의 배경' 또한 스크롤이 되더라고 창의 위치를 유지하기 위해서는 position: fixed 속성도 필요합니다. HTML 삽입 미리보기할 수 없는 소스 H..
