쉐도잉 연습: TypeScript in 100 Seconds - 영상으로 영어 말하기 배우기

TypeScript.

Validate your JavaScript ahead of time with static type checking.

JavaScript is a dynamic language where we can do all kinds of crazy things, like reference variables that don't exist or work with objects of an unknown shape.

The code is interpreted by a browser, but if your code is broken, you won't catch it until runtime when the browser throws an error.

TypeScript prevents errors like this from ever happening by extending JavaScript with types.

The language is a strict superset of JavaScript, which means when you open up a TS file, you can write plain JavaScript with all of its extra features being completely optional.

But notice in the code here how the IDE is providing feedback about using a variable that doesn't exist.

Instead of fixing this issue weeks later in a stack trace after the company has lost millions of dollars, we can fix it right here, right now.

The reason we get this instant feedback is because TypeScript behaves like a compiled language, where JavaScript is the compilation target.

You can run the TypeScript compiler using the tsc command.

It will take the ts file and and transpile it into vanilla JavaScript.

And you can choose any flavor of JavaScript you want if you need to target ancient browsers.

And that means you can use the latest

and greatest syntax features of JavaScript without having to worry if they'll be supported in an older environment.

Your TypeScript project will likely have a tsconfig file, which provides an infinite number of ways to customize the behavior of the compiler.

But the primary goal of TypeScript is to enable static typing.

One way it achieves that is by allowing you to annotate your code with types.

We can strongly type a variable using a colon followed by its type, like a string, boolean, or number.

That's known as an explicit type.

If we then try to assign its value as the wrong type, we get an error.

Alternatively, if we set an initial value, it will implicitly infer the type.

However, there may be cases where you want to opt out of this behavior, in which case you can annotate with the any type.

That allows you to loosely type or opt out of type checking.

When working with an array, use brackets to strongly type a list.

In addition, you can define your own custom types and interfaces, which is especially powerful when working with objects.

The car interface here defines various types of the properties on an object.

We can then apply the interface to a plain JavaScript object.

The beauty of having strongly typed code is that we get autocomplete everywhere in our IDE.

We don't have to jump back and forth to documentation

or dig through stack traces to figure out why our code's not working.

If you like TypeScript as much as I do, consider becoming a pro member at Fireship.io.

For the next few days, everything will be 40% off, including lifetime memberships.

Thanks for watching, and I will see you in the next one.

📺 같은 채널

A $6.3 billion open-weight model just got embarrassed by the French...

✨ 추천 영상

30 문장

C++ in 100 Seconds

Business EnglishUniversity StudentsWorking Adults

139 문장

Does Anyone Use JavaScript Anymore?

Business EnglishUniversity StudentsWorking Adults

25 문장

Angular in 100 Seconds

Business EnglishUniversity StudentsWorking Adults

47 문장

Essence of linear algebra preview

Business EnglishUniversity StudentsWorking Adults

158 문장

OWASP Top 10 Explained

Business EnglishUniversity StudentsWorking Adults

29 문장

Amazon Athena explained in 120 seconds💡

Business EnglishUniversity StudentsWorking Adults

78 문장

The easy way to keep your repos tidy.

Business EnglishUniversity StudentsWorking Adults

17 문장

Did someone say... SecondBrain?

Business EnglishUniversity StudentsWorking Adults

11 문장

My Experience as a Tech Lead

Business EnglishUniversity StudentsWorking Adults

132 문장

Video

Business EnglishUniversity StudentsWorking Adults

60 문장

Course Preview | SC-100 | Microsoft Cybersecurity Architect

Cambridge Exam PrepBusiness EnglishUniversity Students

85 문장

AI Can Write Code. And That’s the Problem.

Business EnglishUniversity StudentsWorking Adults

이 레슨의 어휘와 말하기 포인트

이 C1 수준 말하기 레슨은 영상 “TypeScript in 100 Seconds”을(를) 바탕으로 합니다. 가장 자주 반복되는 단어는 다음과 같습니다: type, Javascript, Typescript, code, object. 이 영상에는 섀도잉할 문장 33개와 단어 515개가 있습니다. 말하는 구간의 길이는 2:24입니다. 화자는 분당 약 215단어로 빠르게 말하므로 연음과 약하게 발음되는 소리가 많습니다. 영어에서 가장 많이 쓰이는 3,000단어에 속하는 단어가 77%뿐이라 어휘가 어려운 편입니다.

이 영상의 핵심 어휘

영상에서 가장 어려운 단어 11개를 발음, 뜻과 함께 정리했습니다.

단어	발음	뜻
compiler 명사	/kəmˈpaɪlɚ/	컴파일러
stack 명사	/stæk/	무더기
syntax 명사	/ˈsɪn.tæks/	통어론, 구문론
colon 명사	/ˈkoʊ.lən/	쌍점, 콜론
interpret 동사	/ɪnˈtɜː.pɹɪt/	해석하다
alternatively 부사	/ɔlˈtɝ.nə.tɪv.li/	또는
vanilla 명사	/vəˈnɪl.ə/	바닐라
bracket 명사	/ˈbɹækɪt/	괄호
explicit 형용사	/ɪkˈsplɪs.ɪt/	명백(明白)하다, 명확(明確)하다
behave 동사	/bɪˈheɪv/	처신하다, 행동하다
flavor 명사	/ˈfleɪvə/	향미, 풍미

이 영상의 문법

화자가 가장 많이 쓰는 문형을 영상 속 실제 표현과 함께 정리했습니다.

문형	영상 속 표현
조건문 if + 절, will/would + 동사 — 조건과 그 결과	if your code is broken, you won't catch
수동태 be + 과거분사 — 누가 하는지보다 무슨 일이 일어나는지에 초점	is interpreted · be supported
관계절 who / which + 절 — 사람이나 사물에 대한 추가 정보	JavaScript, which means · interfaces, which is

주의할 발음

화자는 don't, doesn't, they'll 같은 축약형과 약화된 형태를 5번 사용합니다. 들리는 대로 짧게 발음하세요.

“sh”와 “zh” 소리: compilation /ˌkɑm.pɪˈleɪ.ʃən/, optional /ˈɑp.ʃə.nəl/, documentation /ˌdɑkjəmɛnˈteɪʃən/
긴 단어 — 강세 위치에 주의: alternatively /ɔlˈtɝ.nə.tɪv.li/, compilation /ˌkɑm.pɪˈleɪ.ʃən/, documentation /ˌdɑkjəmɛnˈteɪʃən/

한국어 화자가 어려워하는 소리:

/f/ — ㅍ(/p/)으로 바꾸지 말고 윗니를 아랫입술에 대기: flavor /ˈfleɪvə/, fixing /ˈfɪksɪŋ/
/v/ — ㅂ(/b/)과 구별하기: validate /ˈvæl.ɪ.deɪt/, alternatively /ɔlˈtɝ.nə.tɪv.li/, vanilla /vəˈnɪl.ə/, behave /bɪˈheɪv/, flavor /ˈfleɪvə/
/z/ — ㅈ이 아니라 성대를 울리는 /s/: browser /ˈbɹaʊ.zəɹ/, customize /ˈkʌs.tə.maɪ̯z/

이 영상으로 연습하는 방법

먼저 말하지 않고 영상을 끝까지 듣고 모르는 단어를 적어 둡니다.
0.75배속으로 한 문장씩 섀도잉을 시작하고, 익숙해지면 보통 속도로 돌아갑니다.
자신의 목소리를 녹음해 원본과 비교하고, compiler, stack, syntax 같은 단어에 특히 주의합니다.

쉐도잉이란? 영어 실력을 빠르게 키우는 과학적 방법

쉐도잉(Shadowing)은 원래 전문 통역사 훈련을 위해 개발된 언어 학습 기법으로, 다언어 학자인 Dr. Alexander Arguelles에 의해 대중화된 방법입니다. 핵심 원리는 간단하지만 매우 강력합니다: 원어민의 영어를 들으면서 1~2초의 짧은 지연으로 즉시 소리 내어 따라 말하는 것——마치 '그림자(shadow)'처럼 화자를 따라가는 것입니다. 문법 공부나 수동적인 청취와 달리, 쉐도잉은 뇌와 입 근육이 동시에 실시간으로 영어를 처리하고 재현하도록 훈련합니다. 연구에 따르면 이 방법은 발음 정확도, 억양, 리듬, 연음, 청취력, 말하기 유창성을 크게 향상시킵니다. IELTS 스피킹 준비와 자연스러운 영어 소통을 원하는 분들에게 특히 효과적입니다.

섀도잉 방법: 단계별 전체 가이드 읽기 →

쉐도잉 연습: TypeScript in 100 Seconds - 영상으로 영어 말하기 배우기

A $6.3 billion open-weight model just got embarrassed by the French...

PostgreSQL in 100 Seconds

DNS Explained in 100 Seconds

Anthropic begged the world to stop AI… then shipped this

One man just liberated Fable... and now it’s illegal

7 Things No Programmer Ever Wants to Hear

80% of programmers are NOT happy… why?

Raspberry Pi Explained in 100 Seconds

Tragic mistake... Anthropic leaks Claude’s source code

100+ Docker Concepts you Need to Know

When open-sourcing your code goes wrong...

Docker in 100 Seconds

The mystery is solved... and the answer is 40x cheaper than Claude

An ex-OpenAI researcher just deleted language from the LLM...

25 crazy software bugs explained

Git Explained in 100 Seconds

There's a new Linux distro in town for developers...

The "vibe coding" mind virus explained…

Linux got wrecked by backdoor attack

7 Programming myths that waste your time

C++ in 100 Seconds

Does Anyone Use JavaScript Anymore?

Angular in 100 Seconds

Essence of linear algebra preview

OWASP Top 10 Explained

Amazon Athena explained in 120 seconds💡

The easy way to keep your repos tidy.

Did someone say... SecondBrain?

My Experience as a Tech Lead

Video

Course Preview | SC-100 | Microsoft Cybersecurity Architect

AI Can Write Code. And That’s the Problem.

이 레슨의 어휘와 말하기 포인트

이 영상의 핵심 어휘

이 영상의 문법

주의할 발음

이 영상으로 연습하는 방법

쉐도잉이란? 영어 실력을 빠르게 키우는 과학적 방법