Angular 배우기 - 코딩 강좌

Angular 배우기를 시작해 첫 컴포넌트부터 서버에 연결된 웹 앱까지 차근차근 만들어 보세요. 세 영역으로 나뉜 작업 공간에서 TypeScript, 템플릿, 스타일을 작성하며 휴대폰에서 실시간으로 미리 볼 수 있습니다.

포함 내용

• 초급(A1)부터 고급(C1)까지, 38개 강좌와 짧은 레슨 144개

• component.ts, template.html, styles.css와 실행 중인 미리보기를 갖춘 실시간 작업 공간

• 여러 파일로 구성된 작업 공간, 가이드 트랙, 버전 기록이 포함된 프로젝트 탭

• 난이도 3단계로 구성된 TypeScript 코딩 미션 60개와 힌트 및 해답

• 최종 시험과 이름이 기재된 수료증

• 22개 언어 지원

완벽한 프런트엔드 개발자 학습 경로

• 독립형 컴포넌트, 템플릿, 내장 제어 흐름(@if, @for)

• 시그널: signal(), computed(), effect(), 시그널 입력 및 쿼리

• 데이터 바인딩, 양방향 바인딩, 파이프, 라이프사이클 훅

• 의존성 주입과 공유 서비스

• 라우팅, 내비게이션, 고급 라우터 패턴

• 템플릿 기반 및 반응형 폼, 사용자 지정 폼 컨트롤

• RxJS 기초와 연산자

• 실제 API 데이터를 위한 HttpClient와 인터셉터

• NgRx 및 NgRx SignalStore를 활용한 상태 관리

• 단위, 컴포넌트, 엔드투엔드 테스트

• 변경 감지, 성능, 서버 사이드 렌더링, 하이드레이션

• Module Federation을 활용한 마이크로 프런트엔드, 라이브러리, i18n, 보안

꾸준히 익히는 실습

• 자주 잊는 개념을 복습하는 미니 퀴즈와 플래시카드

• 문법, 데코레이터, 지시문을 담은 한 페이지 요약집

• 열어서 실행하고 수정할 수 있는 예제 컴포넌트

• 프런트엔드 개발자 면접을 위한 질문 50개와 명확한 답변

• 월드 코딩 챌린지: 하나의 공통 문제와 모두의 풀이

• 코딩 습관을 돕는 연속 학습 기록, XP, 순위표, 일일 알림

• 코드, 메모, 즐겨찾는 레슨 저장

AI 도구 (Pro)

• AI 튜터가 오류, 개념, 작성한 코드를 설명합니다

• 이해하기 어려운 주제를 입력하면 AI 레슨 생성기가 맞춤 레슨을 만듭니다

• AI 플레이그라운드가 페이지 설명을 바탕으로 코드를 작성합니다

대상

• 웹 개발과 프런트엔드 작업을 처음 시작하는 분

• 첫 프레임워크를 배우려는 JavaScript 및 TypeScript 개발자

• 직장에서 Angular 프레임워크로 전환하는 React 또는 Vue 개발자

• 웹 개발자 취업을 준비하는 학생과 진로 전환자

사용 방법

1. Angular 배우기와 앱의 작동 방식을 다루는 첫 무료 강좌부터 시작하세요

2. 작업 공간에서 클래스 값을 바꾸고 템플릿이 업데이트되는 모습을 확인하세요

3. 시그널, 서비스, 라우팅, 폼, HTTP를 차례로 학습하세요

4. 퀴즈와 코딩 미션으로 실력을 확인하세요

5. 최종 시험에 합격하고 수료증을 받으세요

무료 및 Pro

첫 강좌와 실시간 작업 공간은 무료입니다. Pro에서는 모든 강좌와 코딩 미션, AI 도구를 이용할 수 있으며 광고가 제거됩니다.

참고: 실시간 미리보기를 사용하려면 인터넷 연결이 필요합니다.

이 독립 학습 과정은 Angular 배우기, Angular 프레임워크, Angular IDE를 익히도록 돕는 과정이며, Google 또는 Angular 팀과 제휴하거나 이들의 보증을 받지 않습니다.