RestController / 6

 

 

 

 

 

 

 

 

- 투명도 섞어서 주기

background-color: #000000a0;

 

 

- 스타일

let styleEl = document.createElement("style");

 

 

 

<script type="module" defer>
    import Modal from "/js/util/modal.js";
    let modal = new Modal();

    modal.alert();'
</script>

 

 

 

 

- 바깥 this를 쓰고싶으면 람다식을 쓴다

 

 

- 속성,이벤트를 제어하면됨 

 

 

<modal-alert>

</modal-alert>
//얘가


super();
this.
//컨스트럭터의 this임

 

 

 

 

 

 

- using shadow DOM

 

 

- 저 윗 그림이 이 과정이다...(?)

	         const wrapper = document.createElement("div");
	         wrapper.className = "screen";
	         
	         wrapper.innerHTML = template;

 

 

 

		const wrapper = document.createElement("div");
		wrapper.className = "screen";
		wrapper.innerHTML = template;


		let styleEl = document.createElement("style");
		styleEl.textContent = style;
		
		let shadow = this.attachShadow();

		shadow.appendChild(styleEl);
		shadow.appendChild(wrapper);

 

 

 

 

customElements.define("modal-alert",ModalAlertElement);

 

 

 

 

 

 

let content = "내용없음";

if(this.hasAttribute("data-content"))
content = this.hasAttribute("data-content");

 

 

 

 

- slot

<slot name="content"></slot>