4월 13일 커피챗

• 사용자가 보는 건 페이지

• 하나의 페이지는 여러 개의 컴포넌트로 구성된다

<App>
	<DocumentsPage />
	<DocumentEditPage />
</App>

<App>
	<Router>
		<DocumentPage />
		<AnotherDocumentPage />
	</Router>
</App>

---

class DocumentPage {
	constructor() {
		this.el = document...
	}
	
	redner() {
		this.el.innerHTML = `
			<sidebar></sidebar>
			<content></content>
		`
	}
}


class AnotherDocumentPage {
	constructor() {
		this.el = document...
		// 무언가 다른 작업
	}
	
	redner() {
		this.el.innerHTML = `
			<sidebar></sidebar>
			<content></content>
		`
	}
}