---
title: "† #자바스크립트 #타입스크립트"
url: "https://notes.junghanacs.com/meta/20230705T104600"
author: "Junghan Kim"
date: "2023-07-05T10:46:00+09:00"
lastmod: "2025-06-03T00:00:00+09:00"
tags: ["javascript","meta","typescript"]
description: "자바스크립트와 타입스크립트의 학습 자료, 웹 개발 맥락, 비동기 처리와 타입 개념을 함께 다룬다."
---

> [!abstract] 이 노트에 대하여
> 
> 자바스크립트와 타입스크립트는 웹과 도구 생태계를 움직이는 핵심 언어로 다뤄진다. 입문서, 튜토리얼, 비동기 처리, 정규표현식, 타입 개념을 따라가며 실제 학습 경로와 활용 맥락을 정리한다.

## 관련메타

-   [#C언어 #CPP언어](https://notes.junghanacs.com/meta/20230725T144100)
-   [#스크립트](https://notes.junghanacs.com/meta/20221121T132700)

## 히스토리

-   [2025-06-03 Tue 19:21] 자바 타입

## 자바스크립트

### JavaScript 가 필요하다. 함수형도 아니고 그냥 Textlint 개발에 필요하다.

자료는 많다. 일본어 자료가 있다. Textlint 만든사람이 쓴 책 말이다. 그거가 최고다. [2023-11-16 Thu 14:40]

### js-primer

[2023-07-17 Mon 16:03] 계속 업데이트 되고 있는 좋은 입문서. 번역하는 것 자체가 텍스트린터 활용의 핵심이 아닐까 생각한다.

2 판 관련 내용. 왜 업데이트 되어야 하는가?! <https://efcl.info/2023/06/09/jsprimer-v2/>

이게 최고지. 훓어 가자.

#### 기본 문법

[2023-11-20 Mon 16:05]

이 책의 '1 부: 기본 문법'에서는 ECMAScript 가 정의하는 구문과 객체를 학습합니다. '2 부: 응용편(사용 사례)'에서는 브라우저나 Node.js 와 같은 실행 환경이 정의하는 객체를 배우면서 작은 애플리케이션을 만들어본다. 사용자가 정의한 객체는 코드를 작성하다 보면 자연스럽게 등장할 것이므로 적절히 살펴본다.

잠시만, 추측하면서 방법을 찾아보는 접근법을 사용하자.

### 벨로퍼트 JavaScript 강의 자료

<https://learnjs.vlpt.us/>

### 모던 JavaScript 튜토리얼

[2023-07-27 Thu 22:44] <https://ko.javascript.info/>

2023-07-28 너무 양이 많다. 더 심플하게 하려면 벨로퍼트로 해보자.

좋다. 이거다. 내가 필요한 부분 다 다루는 것 같다. 튜토리얼로써 활용이 가능하다는 장점이 있다. 개념이 있어야 한다. 특히 정규표현식도 중요하다.

키워드 중심으로 용어집 만들어야 한다.

```text
코어 자바스크립트
브라우저: 문서, 이벤트, 인터페이스
프레임과 윈도우
이진 데이터와 파일
네트워크 요청
브라우저에 데이터 저장하기
애니메이션
웹 컴포넌트
정규 표현식
```

### Pandas Data Science : Danfo.js

[Pandas를 자바스크립트에서! Danfo.js - YouTube](https://youtu.be/rPCgsu0bcM4)

### Lerna using Textlint

[2023-07-17 Mon 17:10] Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository. <https://github.com/lerna/lerna>

### apachecn/JavaScript-The-Definitive-Guide-7th-zh: 《JavaScript 权威指南第七版》中文翻译

<https://github.com/apachecn/JavaScript-The-Definitive-Guide-7th-zh/tree/master>

### 비동기 처리 :이벤트 루프와 프로미스 체인으로 배우는 자바스크립트 비동기화 처리

<https://zenn.dev/estra/books/js-async-promise-chain-event-loop>

자바스크립트의 비동기 처리는 매우 어려운데, 그 어려움의 원인은 '제어의 흐름'을 파악하기 어렵다는 데 있다.

이 책에서는 비동기 처리를 이해하는 데 필요한 개념이자 구조인 이벤트 루프에서 프로미스 체인의 처리가 어떻게 이루어지는지 퀴즈 형식으로 학습함으로써 비동기 처리의 '제어의 흐름'을 파악할 수 있도록 훈련합니다.

지식적인 측면에서는 중심이 되는 이벤트 루프의 메커니즘부터 실행 환경과 API, async/await, Promise.all 등의 전반적인 범위를 학습하고, 최종적으로 병렬화 및 순서대로 반복 처리를 위한 제어 방법, TypeScript 의 타입 주석까지 다룹니다.

### 서바이벌 타입스크립트 : 일본

<https://typescriptbook.jp/> 이거 왜 만들었나?! 실무에서 서바이벌 하라고 만들었단다. 강력하겠구만.

## 타입스크립트

### 타입스크립트 홈페이지

[2023-07-25 Tue 16:29]

<https://www.typescriptlang.org/>

번역 미진하다.

한글 번역 커뮤니티

<https://typescript-kr.github.io/>

### 타입스크립트 용어집

[2023-07-25 Tue 16:32] 개념이 헷갈릴 수도 있다.

## KEYWORDS

-   [bib/ @에릭노먼드 Eric Normand 함수형 코딩 클로저 '2025-01-17 #2025-03-28](https://notes.junghanacs.com/bib/20250117T103837)
-   [bib/ #자바스크립트: 마법사책 SICPJS '2025-01-18 #2025-02-14](https://notes.junghanacs.com/bib/20250118T233628)
-   [notes/ #이맥스 #통합개발환경: #웹 #자바스크립트 '2023-07-05 #2025-05-29](https://notes.junghanacs.com/notes/20230705T103200)
-   [notes/ #자바스크립트: #프레임워크 리엑트 '2023-07-18](https://notes.junghanacs.com/notes/20230718T104400)
-   [notes/ #데노: 자바스크립트 타입스크립트 런타임 '2023-07-23](https://notes.junghanacs.com/notes/20230723T082600)
-   [notes/ #데노: 시작하는 미니멀 타입스크립트 '2023-07-26](https://notes.junghanacs.com/notes/20230726T060400)
-   [notes/ #이펙티브 #데노 #웹프레임워크 '2023-07-27](https://notes.junghanacs.com/notes/20230727T104900)
