어려운 방법으로 JavaScript 뷰 빌드하기

이 글에서는 React, Vue, lit-html과 같은 프레임워크의 복잡성을 피하면서 유지 관리성, 성능, 재미를 강조하여 일반 JavaScript로 뷰를 구축하는 패턴을 소개합니다. 이 방법은 높은 성능을 위해 직접적인 명령형 코드를 사용하며, 종속성이 없고, 뛰어난 이식성과 유지 관리성을 자랑하며 모든 브라우저를 지원합니다. 이 글에서는 템플릿, 복제 함수, 초기화 함수, DOM 변수, DOM 뷰, 상태 변수, DOM 업데이트 함수, 상태 업데이트 함수 등 뷰 구성 요소의 구조를 자세히 설명하고, 코드의 가독성과 유지 관리성을 보장하기 위한 명명 규칙과 모범 사례를 제시합니다.