[HTML] 팝업 레이아웃 구조 만들기
Post

[HTML] 팝업 레이아웃 구조 만들기

내가 나중에 기억해두고 싶어요

서비스 준비 하면서 너무 어려웠던 것… ‘코드 재사용성’ __ 머릿속: 틀 만들어놓고 찍어내면 되지 않겠어?
현실: 엇 틀 어케짜지…? __

필요한 것

  • 메인 페이지 레이아웃
  • 팝업 레이아웃
  • 컴포넌트를 어떤 단위로 쪼개어야 복잡하지 않고 재사용성을 높일 수 있을까? @_@….

메인 앱에서 -> 레이아웃 띄우기

레이아웃의 자식 컴포넌트는 -> 해당 페이지에서 보여주고 싶은 것 채우기

팝업은 -> z-index를 이용해 컨테이너를 투명하게 띄워두고, outer div는 팝업 박스 모양을 잡고, inner div를 이용해 내부 요소를 묶어두자.