프로젝트를 하다 보면 팝업창을 만들어야 하는 경우가 자주 있습니다. 팝업 종류에는 여러가지가 있는데, 오늘 정리할 것은 '모달 팝업'입니다. (혹은 레이어 팝업) ⭐️ modal popup 만들기 1, 딤(Dim) 배경 2, 팝업 큰틀 3, 팝업 오픈 클로즈 이벤트 만들기 1, 배경 팝업을 강조하기 위해 딤(Dim)/딤드(Dimmed)라고 하는 배경을 만들어줍니다. 스크롤이 생겨도 고정되게 position 은 fixed로 잡고 화면에 꽉 차게 하기 위해 width, height 100%으로 줍니다. 보통 팝업의 배경(Dim)은 반투명 검은색입니다. background : rgba(0, 0, 0, 0.3)으로 설정해줍니다. 0.3은 투명도이기 때문에 원하는 정도로 조절하시면 됩니다. .modal-bg {w..
