# Piece-Plan

1개의 포스트
post-thumbnail

Vanilla JS로 구현한 클래스 컴포넌트의 렌더링 이슈

 이번 글에서는 캘린더 웹 애플리케이션 "피플(Piece-Plan)" 프로젝트를 진행하면서 마주쳤던 가장 큰 이슈 중 하나를 소개하고자 한다. 📂 컴포넌트 구조  먼저 해결 과정을 소개하기 전에 프로젝트의 컴포넌트 상속 구조를 간략하게 표현하면 위와 같다. 부모 클래스인 common/Component로부터 상속 받는 Main, Login, Signup 등 다양한 자식 클래스를 기반으로 컴포넌트(이자 페이지)를 구현했었다. 코어 컴포넌트인 Component의 구조를 코드로 보면 다음과 같다.  이처럼 부모 클래스인 Component를 상속 받는 자식 컴포넌트들을 생성하는 것까지는 문제가 없었다. 그런데 각자 작업한 **크고 작은 컴포넌트를 결합하는 과정에서

2023년 5월 9일
·
0개의 댓글
·