refactor: constructor 내부 상태값 this 접근자 삭제

Author: bgyoons

src/App.ts

@@ -14,23 +14,26 @@ export default class App {
     private readonly initialState: TodoItem[],
     private readonly initialCount: TodoCnt
   ) {
-    new Header(this.$target, "Todo List");
+    new Header($target, "Todo List");
 
     new TodoForm(
-      this.$target,
+      $target,
       (text: string) => {
-        const nextState = [...this.todoList.state, { text, isCompleted: false }];
+        const nextState = [
+          ...this.todoList.state,
+          { text, isCompleted: false }
+        ];
         this.todoList.setState(nextState);
       },
     );
 
     this.todoList = new TodoList(
-      this.$target,
-      this.initialState,
       (state: TodoItem[]) => this.#updateCount(state)
+      $target,
+      initialState,
     );
 
-    this.todoCount = new TodoCount(this.$target, this.initialCount);
+    this.todoCount = new TodoCount($target, initialCount);
   }
 
   // 카운트 업데이트

src/components/Header.ts

@@ -5,7 +5,7 @@ export default class Header {
     private readonly $target: HTMLElement,
     private readonly text: string
   ) {
-    this.$target.appendChild(this.$header);
+    $target.appendChild(this.$header);
     this.render();
   };
 

src/components/TodoCount.ts

@@ -8,11 +8,10 @@ export default class TodoCount {
     private readonly $target: HTMLElement,
     private readonly initialCount: TodoCnt
   ) {
-    this.$target.appendChild(this.$container);
+    $target.appendChild(this.$container);
 
-    if (this.initialCount.total) {
-      this.state = this.initialCount;
-    } else this.state = { total: 0, done: 0 };
+    if (initialCount.total) this.state = initialCount;
+    else this.state = { total: 0, done: 0 };
 
     this.render();
   }

src/components/TodoForm.ts

@@ -7,7 +7,7 @@ export default class TodoForm {
     private readonly $target: HTMLElement,
     private readonly onSubmit: (text: string) => void
   ) {
-    this.$target.appendChild(this.$form);
+    $target.appendChild(this.$form);
     this.render();
   }
 

src/components/TodoList.ts

@@ -11,9 +11,9 @@ export default class TodoList {
     private readonly initialState: TodoItem[],
     private readonly updateCount: (state: TodoItem[]) => void
   ) {
-    this.$target.appendChild(this.$todoList);
+    $target.appendChild(this.$todoList);
 
-    if (Array.isArray(this.initialState)) this.state = this.initialState;
+    if (Array.isArray(initialState)) this.state = initialState;
     else this.state = [];
 
     this.render();