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

연습 모드 선택

각 모드는 전체 화면 연습실로 열립니다.

25 문장

문장이 너무 짧거나 길면 Edit를 눌러 조정하세요.

Angular, a TypeScript-based framework for building user interfaces.

It was developed at Google and released in 2016 as the sequel to AngularJS.

As an Angular developer, you hit the ground running with its extremely powerful CLI tool.

When you generate your initial application, it comes preconfigured with routing, a testing framework, and your favorite style preprocessor.

In addition, the magic ng-add command can turn your app into a progressive web app, add server-side rendering, Firebase support, and do a whole bunch of other cool stuff.

But at its core, Angular is just a component-based UI library.

I can create a component with the CLI, and if we go into its TypeScript file, you'll notice the component decorator, which makes this TypeScript class a component.

Any properties on this class are considered reactive state, and when their values change, the component will re-render the UI.

For example, we can bind the property to HTML using double braces in the template.

From there, we can add a button that increments this value every time it's clicked.

We add the event name on the left side in parentheses, then an expression on the right side.

In this case, it points to a method in our class.

Each time the button is clicked, it calls the method, which changes the state and re-renders the UI.

Angular also has a variety of directives for building complex templates.

Use ngif to handle conditional logic.

Or if you have an iterable value, use ng4 to loop over it.

But where Angular really excels is handling complexity, and one of its primary tools for doing so is called dependency injection.

When your app grows to hundreds of components, you'll likely need a way to share data and functionality between them.

We can take our component logic here and extract it into a service which can be treated as a global singleton throughout the application.

Now any component that wants to use this state or logic can simply add this class to its constructor.

The end result is a simple and reliable way to compose complex applications.

As a developer, you can always count on a consistent experience between projects and minimal decision fatigue.

This has been Angular in 100 Seconds.

If you want to see more short videos like this, make sure to like and subscribe and check out a ton of advanced Angular content on Fireship.io.

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

앱 다운로드

유창하게 말하는 데 필요한 모든 것

AI 발음 평가문장마다 점수 확인

IPA 발음 연습모든 소리 마스터

단어 학습나만의 단어장 만들기

단어 게임놀면서 외우기

QR 스캔

Download on theApp Store Get it onGoogle Play

같은 채널

FOR YOU

왜 이 비디오로 말하기 연습을 해야 할까요?

이 비디오는 Angular라는 프레임워크에 대해 짧은 시간 안에 핵심적인 내용을 전달합니다. 이렇게 간결하고 정보가 풍부한 비디오를 활용하여 영어 회화 연습을 할 수 있는 이유는 명확합니다. 첫째, 기술적인 주제를 다루면서도 자연스러운 영어 표현을 익힐 수 있습니다. 둘째, 다양한 표현과 문장을 통해 유튜브 영어 공부의 효과를 극대화할 수 있습니다. 마지막으로, 각 단어와 문장의 발음을 따라 하며 IELTS 스피킹과 같은 시험 준비에도 큰 도움이 됩니다.

문맥 속의 문법 및 표현

“hit the ground running”: 이 표현은 시작할 때 빠르게 행동을 취한다는 의미입니다. 이 표현을 사용하면, 빠르게 일을 추진하는 자신감을 나타낼 수 있습니다.
“to handle conditional logic”: 조건부 로직을 다루는 이 문장은 기술적 맥락에서 자주 사용됩니다. if 조건을 사용하여 다양한 상황에서의 반응을 설명할 수 있는 좋은 표현입니다.
“a variety of directives”: “다양한 지시어”라는 의미로, 여러 가지 선택지를 언급할 때 유용합니다. 복잡한 상황에서 여러 창의적인 방법을 강조할 수 있습니다.
“extract it into a service”: 이 표현은 특정 작업이나 기능을 별도의 서비스로 추출한다는 뜻입니다. 전문 용어이지만, 이 문장을 통해 기술적인 대화에서도 유용하게 사용될 수 있습니다.

일반적인 발음 함정

이 비디오에서는 몇 가지 발음 함정이 존재합니다. 특히 “Angular”라는 단어는 비영어권 학습자에게 자주 틀릴 수 있는 단어입니다. 또한 “component”와 “conditional” 같은 기술 용어들은 발음하기 어려울 수 있습니다. 이 단어들을 자주 반복해서 연습하는 것이 중요하며, shadow speak 방식으로 발음을 따라 하면서 실력을 자연스럽게 향상시킬 수 있습니다. 비디오의 빠른 속도에 맞춰 연습을 진행하면, 비슷한 상황에서 빠르게 자신의 생각을 말할 수 있는 능력이 배양됩니다.

이 영상의 문법

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

문형	영상 속 표현
수동태 be + 과거분사 — 누가 하는지보다 무슨 일이 일어나는지에 초점	was developed · are considered · is clicked
관계절 who / which + 절 — 사람이나 사물에 대한 추가 정보	decorator, which makes · service which can

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

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

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

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

연습 모드 선택

앱 다운로드

The worst week in cybersecurity history... so far

PostgreSQL in 100 Seconds

React Native in 100 Seconds

Every app on Earth is now open source... whether it likes it or not

Brainf**k in 100 Seconds

OpenAI’s lead engineer was secretly a spy...

Mind-bending new programming language for GPUs just dropped...

China just dropped a new frontier model... and nobody can explain how

Docker in 100 Seconds

The last real programmers are dying out...

Did the AI bubble just pop?

The plan to break apart Google... RIP Chrome

OpenAI’s new browser feels familiar…

The most interesting "hack" in history...

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

When open-sourcing your code goes wrong...

Firefox and Tor hit with 9.8 critical level exploit

C++ in 100 Seconds

Linux in 100 Seconds

Did Google just dethrone OpenAI and Anthropic?

NestJS in 100 Seconds

Google’s AI endgame is here… everything you missed at I/O 2026

Claude Code: The Advanced Guide (99% of Devs Skip These Features)

How to Make Anything - Learn to Think Like an Engineer

JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue

10 Essential React Native Tips Every Developer Must Know

Intro to Scrum in Under 10 Minutes

IOC & Dependency Injection in Spring Boot - Quick Breakdown !! #shorts

Server-side tracking explained in 100 seconds || What is server-side GTM?

My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It

NGINX Explained - What is Nginx

Course Preview | AZ-104 | Azure Administrator Associate

왜 이 비디오로 말하기 연습을 해야 할까요?

문맥 속의 문법 및 표현

일반적인 발음 함정

이 영상의 문법

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