shadow dom (1) 썸네일형 리스트형 바닐라 자바스크립트로 컴포넌트 분리(web components, shadow dom) 실무프로젝트후 주의할점이 생김! 예를들어 모달컴포넌트를 만들었다고 가정할경우 컴포넌트는 같되 컴포넌트 아이디명을 다르게하여 중복을 피해야함 모달안의 내용을 선택할때 다른모달안의 아이디명과 중복될수있으므로 주의해야함 document.querySelector('#컴포넌트아이디 #아이디)로해야 문제가 해결됨 -- 바닐라자바스크립트 클래스를 활용해 컴포넌트를 분리할수있다. 리엑트나 다른거필요없음, 단 클래스이기때문에 인터넷익스플로어에서는 안됨.. 기초를 먼저 살펴보고 명찰(name tag)만들기 토이 프로젝트로 web component를 알아보자~!! 기초 main.js class UserCard extends HTMLElement{ constructor(){ super(); this.innerHTML = `w.. 이전 1 다음