prgrms-web-devcourse · yejinleee · Nov 13, 2023 · Nov 20, 2023 · Nov 28, 2023 · Dec 10, 2023
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules/
+dist/
diff --git a/README.md b/README.md
@@ -12,7 +12,9 @@
 
 ## ⏰ 스터디 시간
 
-**매주 월요일 10:00**
+~~매주 월요일 10:00~~
+
+**월요일 16:00**
 
 <br/>
 
@@ -31,9 +33,8 @@
 ## ⚙️ 컨벤션
 
 * 본인 이름의 브랜치에 정리 파일 및 실습 파일 올리고 PR 보내기
-* 파일명 규칙
-  * 본인 이름 폴더 / 챕터 {번호 및 제목} / {정리}.md
-  * 본인 이름 폴더 / 챕터 {번호 및 제목} / Practice / {문제}.ts
+* 파일업로드
+  * `본인 이름 폴더` / 내에 정리 md 파일, 예제문제 풀이 ts파일
 
 <br/>
 
@@ -43,5 +44,9 @@
 | 회차 | 일시     | 스터디 내용      | 
 | ---- | -------- | --------  |
 | 1    | 23.11.13 월 | CHAPTER 1, 2, 3, 4 | 
+| 2    | 23.11.20 월 | CHAPTER 5, 6, 7 ,10 |
+| 3    | 23.11.27 월 | CHAPTER 8,9 + type-challenges 워밍업(1) & 쉬움(13) |
+| 4    | 23.12.04 월 | CHAPTER 15, Vue+TS 과제 중 이슈 공유 |
+| 5    | 23.12.11 월 | TodoList 과제 TS 전환 |
 
 
diff --git a/Todo_TS/.eslintrc.json b/Todo_TS/.eslintrc.json
@@ -0,0 +1,8 @@
+{
+  "extends": [
+    "eslint:recommended", //eslint 추천문법 적용
+    "plugin@typescript-eslint/recommend", //플러그인 연결, 추천문법적용
+    "plugin:prettier/recommend" //플러그인 연결, 추천문법적용
+  ],
+  "parser": "@typescirpt-eslint/parser"
+}
diff --git a/Todo_TS/.parcel-cache/48a29121bba1a688-0 b/Todo_TS/.parcel-cache/48a29121bba1a688-0
diff --git a/Todo_TS/.parcel-cache/7bb000758220ea79-0 b/Todo_TS/.parcel-cache/7bb000758220ea79-0
diff --git a/Todo_TS/.parcel-cache/8aea665e511f5652-0 b/Todo_TS/.parcel-cache/8aea665e511f5652-0
diff --git a/Todo_TS/.parcel-cache/8f0677aa23b29c2d.txt b/Todo_TS/.parcel-cache/8f0677aa23b29c2d.txt
@@ -0,0 +1,2 @@
+95422286
+1702194087599318000
diff --git a/Todo_TS/.parcel-cache/data.mdb b/Todo_TS/.parcel-cache/data.mdb
diff --git a/Todo_TS/.parcel-cache/f09256245763e2b8-0 b/Todo_TS/.parcel-cache/f09256245763e2b8-0
diff --git a/Todo_TS/.parcel-cache/lock.mdb b/Todo_TS/.parcel-cache/lock.mdb
diff --git a/Todo_TS/.prettierrc b/Todo_TS/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "endOfLine": "lf"
+}
diff --git a/Todo_TS/.vscode/setting.json b/Todo_TS/.vscode/setting.json
@@ -0,0 +1,6 @@
+{
+  "[typescript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}
diff --git a/Todo_TS/README.md b/Todo_TS/README.md
@@ -0,0 +1,40 @@
+# Todo_TypeScript
+
+## 실행
+
+```
+npm run dev
+```
+
+<br/>
+
+## 📌 프로젝트 설명
+
+- VanillaJS로 구현했던 간단 Todo App을 **TypeScript**로 마이그레이션
+
+<br/>
+
+## 👩‍💻 개발 과정
+
+| 트러블 슈팅 & 질문
+
+### 'new' expression, whose target lacks a construct signature, implicitly has an 'any' type.
+
+매번 새로운 인스턴스를 생성해야하는 컴포넌트를 제외한 컴포넌트 들에선 new 키워드 없이 호출 가능했다.
+인스턴스를 받아서 해당 인스턴스를 통해 내부 함수에 접근해야하는 컴포넌트인 경우에, new 키워드 사용시 위와 같은 에러 발생
+
+해결한 방법: 내부에 함수로 선언하고 export 한다.
+
+### 왜 state 갱신을 또 해줘야할까?
+
+App.ts 19
+
+### 이벤트핸들러의 파라미터 타입
+
+## 👍 시도한 것 & 배운 것
+
+- 요소 추가에 있어서 appendChild()와 before() 사용
+
+## 🤨 추가할 것
+
+css(scss)