2024-08-07

README.md

@@ -99,9 +99,21 @@ Link : [inflearn](https://www.inflearn.com/course/자바스크립트-es6-보너
 ### reactForBeginners : twitter-clone
 #### 실습 : nomadcoders
 
-[nomadcoders]([nomadcoders](https://nomadcoders.co/nwitter "nomadcoders") "nomadcoders")
+[nomadcoders](https://nomadcoders.co/nwitter "nomadcoders")
 > Link : [GU|reactForBeginners:twitter-clone](https://ioabcoi.github.io/fedev/reactForBeginners/twitter-clone/index.html "GU")
 
+### typescriptForBeginners : block-chain
+#### 실습 : nomadcoders
+
+[nomadcoders](https://nomadcoders.co/typescript-for-beginners "nomadcoders")
+> Link : [GU|typescriptForBeginners:block-chain](https://ioabcoi.github.io/fedev/typescriptForBeginners/block-chain/index.html "GU")
+
+### typescriptForBeginners : nestjs-fundamentals
+#### 실습 : nomadcoders
+
+[nomadcoders](https://nomadcoders.co/nestjs-fundamentals "nomadcoders")
+> Link : [GU|typescriptForBeginners:nestjs-fundamentals](https://ioabcoi.github.io/fedev/typescriptForBeginners/nestjs-fundamentals/index.html "GU")
+
 ### vuejs-step02
 #### 실습 : vue.js 끝장내기 - 실무에 필요한 모든 것
 

javascriptForBeginners/momentum/README.md

@@ -726,11 +726,15 @@ document.body.appendChild(bgImage);
 ```
 
 ---------------------------
-2024-08-08
+2024-08-00
 
 ### 7 TO DO LIST
 ### 7.0 Setup
 ### 7.1 Adding ToDos
+
+---------------------------
+2024-08-00
+
 ### 7.2 Deleting To Dos
 ### 7.3 Saving To Dos
 ### 7.4 Loading To Dos part One

javascriptForBeginners/momentum/index.html

@@ -14,6 +14,15 @@
     </form>
     <h2 id="clock">00:00</h2>
     <h1 id="greeting" class="hidden"></h1>
+    <form id="todo-form">
+        <input type="text" placeholder="Write a To do and Press Enter" required />
+    </form>
+    <ul id="todo-list">
+        <!-- <li>
+            <span>hello</span>
+            <button></button>
+        </li> -->
+    </ul>
     <div id="quote">
         <span></span>
         <span></span>
@@ -23,5 +32,6 @@ <h1 id="greeting" class="hidden"></h1>
     <script type="text/javascript" src="js/clock.js"></script>
     <script type="text/javascript" src="js/quotes.js"></script>
     <script type="text/javascript" src="js/background.js"></script>
+    <script type="text/javascript" src="js/todo.js"></script>
 </body>
 </html>

javascriptForBeginners/momentum/js/todo.js

@@ -0,0 +1,24 @@
+const toDoForm = document.getElementById("todo-form");
+const toDoInput = document.querySelector("#todo-form input");
+const toDoList = document.getElementById("todo-list");
+
+function paintToDo(newToDo) {
+    // console.log(newToDo);
+    const li = document.createElement("li");
+    const span = document.createElement("span");
+    li.appendChild(span);
+    span.innerText = newToDo;
+    // console.log(li);
+    toDoList.appendChild(li);
+}
+
+function handleToDoSubmit(event) {
+    event.preventDefault();
+    // console.log(toDoInput.value);
+    const newToDo = toDoInput.value;
+    toDoInput.value = "";
+    // console.log(newTodo);
+    paintToDo(newToDo);
+}
+
+toDoForm.addEventListener("submit", handleToDoSubmit);

nodeJs/zoom-clone/README.md

@@ -0,0 +1,70 @@
+# nodeJs : zoom-clone
+
+> Link : [GU|nodeJs:zoom-clone](https://ioabcoi.github.io/fedev/nodeJs/zoom-clone/index.html "GU")
+
+---------------------------
+
+# 강의
+[nomadcoders](https://nomadcoders.co/noom "nomadcoders")
+
+## 배우는 이론
+- WebSockets
+- SocketIO
+- Events
+- Rooms
+- WebRTC
+
+## 구현하는 기능
+- Realtime
+- Chat
+- Rooms
+- Notifications
+- Video Call
+- Audio Call
+
+## 다음과 같은 패키지를 사용합니다.
+```js
+{
+    "이름":"줌 클론코딩",
+    "섹션":"무엇을 사용하나요??",
+    "패키지": [
+        "NodeJS"
+        "WebSockets"
+        "SocketIO"
+        "WebRTC"
+    ]
+}
+```
+
+- JavaScript
+- NodeJS
+- SocketIO
+- WebRTC
+
+## 결과적으로, 이 수업 이후 ...
+- 기본적인 수준의 WebSockets, SocketIO, WebRTC에 대해서 이해하게 된다.
+- 간단한 화상채팅 서비스를 만들 수 있다.
+
+## Zoom 클론코딩 출시 ❤
+- 수강생들의 성원에 보답하기 위해서. 고민 끝에. 전격. 무료로! 강의 공개합니다! 유후!
+- 총 강의수: 41개 (6시간 7분)
+- JS를 활용해 Zoom 을 클론코딩 합니다. WebSockets, SocketIO, WebRTC 에 대해서 배우게 될거라능!
+- Only JS 만으로. 채팅방 생성. 화상채팅 그리고 개인 메시지를 구현하게 됩니다.
+- 초급 이상의 JS 이해도가 필요해요. 유튜브 클론코딩 수강 후 들으면 바로 딱! 이라능!
+- Zoom 클론코딩 강의는 한글자막 포함 100% 완료되었습니다.
+
+---------------------------
+2024-00-00
+
+## 
+
+---------------------------
+2024-00-00
+
+[title](url "link")
+
+## 
+
+---------------------------
+---------------------------
+---------------------------

typescriptForBeginners/block-chain/README.md

@@ -0,0 +1,57 @@
+# typescriptForBeginners : block-chain
+
+> Link : [GU|typescriptForBeginners:block-chain](https://ioabcoi.github.io/fedev/typescriptForBeginners/block-chain/index.html "GU")
+
+---------------------------
+
+# 강의
+[nomadcoders](https://nomadcoders.co/typescript-for-beginners "nomadcoders")
+
+## 배우는 이론
+- Types
+- Interfaces
+- Classes
+- Polymorphism
+- Generics
+- Call Signatures
+- JSDoc
+
+## 다음과 같은 패키지를 사용합니다.
+```js
+{
+    "이름":"타입스크립트로 블록체인 만들기",
+    "섹션":"무엇을 사용하나요??",
+    "패키지": [
+        "Typescript"
+        "TSConfig"
+        "TSNode"
+    ]
+}
+```
+
+## 결과적으로, 이 수업 이후 ...
+- 타입스크립트가 어떻게 개발자의 생산성을 높여주는지 확인하게 된다.
+- 타입스크립트를 통해 어떻게 코드를 개선하고, 버그를 방지할 수 있는지 배우게 된다.
+
+## 2022 UPDATED SUMMARY
+- 총 강의수: +29개 (무려 4시간!!)
+- 겁나 핫한 타입스크립트 기초부터 차근차근 배우고 + 결과물 (블록체인) 까지!
+- 더 친절하고. 더 자세한 설명으로 2022년 업데이트 되었어요!
+- 무료 강의도 업데이트 해주는 것은 무엇? #노마진코더
+- 네! 맞아요! 게다가 무료입니다!!
+
+---------------------------
+2024-00-00
+
+## 
+
+---------------------------
+2024-00-00
+
+[title](url "link")
+
+## 
+
+---------------------------
+---------------------------
+---------------------------

typescriptForBeginners/nestjs-fundamentals/README.md

@@ -0,0 +1,62 @@
+# typescriptForBeginners : nestjs-fundamentals
+
+> Link : [GU|typescriptForBeginners:nestjs-fundamentals](https://ioabcoi.github.io/fedev/typescriptForBeginners/nestjs-fundamentals/index.html "GU")
+
+---------------------------
+
+# 강의
+[nomadcoders](https://nomadcoders.co/nestjs-fundamentals "nomadcoders")
+
+## 배우는 이론
+- NestJS Architecture
+- Modules
+- Controllers
+- Providers
+- Pipes
+- Dependency Injection
+- End to End Testing
+- Unit Testing
+
+## 다음과 같은 패키지를 사용합니다.
+```js
+{
+    "이름":"NestJS로 API 만들기",
+    "섹션":"무엇을 사용하나요??",
+    "패키지": [
+        "Typescript"
+        "NestJS"
+        "Jest"
+        "OOP"
+    ]
+}
+```
+
+- Typescript
+- NodeJS
+
+## 결과적으로, 이 수업 이후 ...
+- 효율적이고 안정적인 서버사이드 어플리케이션을 빌드할 수 있다.
+- 프로페셔널한 REST API를 빌드하며, NestJS 사용법을 배운다.
+- 유닛 테스팅 그리고 End to End 테스팅으로 코드를 테스트 한다.
+
+## 초보를 위한 NestJS 강의입니다!
+- 이 강의는 무료입니다. 야호!
+- NestJS는 node.js의 프레임워크로 백엔드 코딩을 겁나 쉽고 잼있게 만들어줍니다!
+- Typescript 기초는 아셔야합니다. Typescript로 블록체인 만들기 무료 수강한 후 이 강의를 수강하세요!
+- 한글자막 포함 100% 제작 완료되었습니다. Enjoy!
+
+---------------------------
+2024-00-00
+
+## 
+
+---------------------------
+2024-00-00
+
+[title](url "link")
+
+## 
+
+---------------------------
+---------------------------
+---------------------------