DOM (2) 썸네일형 리스트형 웹 컴포넌트(Web Component) 딥 다이브 javascript.info의 web component 파트를 학습 및 정리한 내용이다. https://javascript.info/web-components Web components javascript.info 웹 컴포넌트란? 웹 컴포넌트는 완결성있는 기능을 포함한 컴포넌트를 만들기 위한 표준 기술 집합입니다. 자체 애트리뷰트 및 메서드, 캡슐화된 DOM 및 스타일을 포함한 사용자 정의 HTML 요소입니다. 컴포넌트란 재사용 가능한 UI의 단위다. UI는 마크업 뿐만 아니라, 스타일, 렌더링 로직, 비즈니스 로직 등을 전부 포함한다. 즉, 컴포넌트는 시각적 의미와 구조(마크업), 디자인 요소(스타일), 기능(함수) 세가지의 적절한 조합이다. 웹 컴포넌트는 UI 컴포넌트를 개발하기 위한 웹 표준 기술이.. [Epic React] Dom Api로 비동기 렌더링 Get Really Good at React | Epic React by Kent C. Dodds https://epicreact.dev/learn/ epicreact.dev 해당 클래스를 내돈내산으로 공부하며 작성하는 짤막글이다. 바닐라 자바스크립트의 dom api를 사용해서 functional하게 dom을 조작해 보려니 뭔가 생각했던 대로 동작하지 않는다. 그래서 심심해서 dom을 비동기적으로 조작하는 짤막한 코드를 작성해 보았다. root() .then($root => document.body.append($root) || $root) .then($root => Promise.all([$root, div()])) .then(([r, d]) => r.append(d)) async function di.. 이전 1 다음