Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
【한글자막】 Angular & NodeJS - MEAN 스택 가이드
Rating: 4.9 out of 5(9 ratings)
173 students

【한글자막】 Angular & NodeJS - MEAN 스택 가이드

실제 애플리케이션을 구축하여 Angular 프론트엔드를 NodeJS & Express & MongoDB 백엔드에 연결하는 방법을 배우세요.
Created byMaximilian Schwarzmüller, 웅진씽크빅 글로벌
Last updated 9/2024
Korean

What you'll learn

  • 실제 Angular + NodeJS 애플리케이션 구축
  • Angular의 원리와 Angular가 백엔드와 상호 작용하는 방식 이해
  • NodeJS 백엔드와 모든 Angular 프론트엔드 연결
  • Mongoose와 함께 MongoDB를 사용하여 백엔드의 데이터와 상호 작용
  • ExpressJS를 NodeJS 프레임워크로 사용
  • 프론트엔드에서 낙관적 업데이트를 사용하여 훌륭한 사용자 경험 제공
  • 오류 처리를 추가하여 모든 Angular(+NodeJS) 애플리케이션을 개선

Course content

13 sections • 153 lectures • 12h 50m total length

  • 소개1:57

    Welcome to this course! Let me introduce myself and give you a first overview of the course content.

  • MEAN이란?10:35

    What does "MEAN" stand for? Let's explore the different pieces (MongoDB, Express, Angular & Node.js) that make up the MEAN stack and let's see WHY we combine them.

  • 온라인 학습 커뮤니티에 참여하세요0:44

    Learning alone is absolutely fine but finding learning partners might be a nice thing, too. Our learning community is a great place to learn and grow together - of course it's 100% free and optional!

  • 싱글 페이지 애플리케이션(SPA)이란?2:08

    First things first: In order to fully understand the idea behind a MEAN app, we need to understand what a SPA (Single Page Application) is.

  • MEAN 스택은 어떻게 작동하나요?2:58

    So what's the big picture of the MEAN stack? How do the different things work together? Time for a closer look!

  • 필독 : Angular CLI - 최신 버전0:59
  • Node 및 Angular CLI 설치하기7:50

    Let's get started and let's install the core tools we need to build MEAN applications!

  • IDE 설치하기3:13

    To write code efficiently, an IDE is required - here's my recommendation.

  • 프로젝트 구조 알아보기4:02

    For our MEAN application, we'll have a certain project structure. In this lecture, I'll introduce to that project structure and explain why we use it.

  • 강의 개요3:27

    We have a good idea of what the MEAN stack is about - but what's in this course? This lecture gives you an overview of the course content and the order in which it is presented.

  • 강의를 최대한 활용하는 방법2:53

    Your learning success is important to me! Here are some best practices on how to use the course materials.

  • 섹션 자료0:09

Requirements

  • HTML, CSS, JavaScript에 대한 기본 지식은 필수입니다.
  • Node, Express 및 MongoDB에 대한 개념을 복습하긴 하지만, 해당 기술에 대한 기초 지식을 사전에 습득하시길 권장하니다.
  • 초급 수준의 Angular 지식이 있으면 좋습니다.
  • 해당 주제에 대한 전문 지식이 필요하지 않습니다.

Description

  • 자신만의 Angular + NodeJS 애플리케이션 쉽게 구축 가능

  • 핵심 개념을 쉽게 이해할 수 있는 실습 예제 중심의 강의

  • 다양한 실현 구현의 예 활용: 효율적으로 애플리케이션을 안전하게 구축하는 방법 제공


[본 강의를 수강해야 하는 이유]

#1. 여러분들은 이제 이 강의를 통해 Angular 지식을 한 단계 높일 수 있습니다!

Angular + Node.js + Express + MongoDB를 사용하여 확장 가능하고 빠른 최신 웹 애플리케이션을 만드는 방법을 모두 터득하세요.

Angular 1과 NodeJS는 ExpressJS(NodeJS 프레임워크) 및 MongoDB와 함께 매우 인기 있는 MEAN 스택이 되었습니다. 이제 MEAN 2.0으로 뛰어들어 Angular 1을 Angular 2+로 교체할 때입니다.

Angular가 제공하는 많은 개선 사항과 이점을 활용하세요. 빠른 속도, 개발 용이성, 높은 반응성, 비동기식 작업에 대한 뛰어난 지원, 뛰어난 확장성 등이 있습니다!

그리고 이러한 장점을 NodeJS + Express + MongoDB 백엔드의 힘과 결합하세요!


#2.  Angular 기본 개념을 새롭게 배우거나 복습하세요!

이 강의는 Angular 강의가 아니지만 사용하는 핵심 개념과 Angular 전반에 대한 자세한 설명이 포함되어 있습니다. 하지만 이 강의는 Angular 강의가 아니므로 'Angular - 완벽 가이드' 강의와 같은 추가 자료를 함께 활용하는 것이 좋습니다.

이 강의에서는 경험 많은 웹 개발자이자 많은 별점 5점짜리 Udemy 강의의 저자이자 YouTube의 "Academind" 코딩 채널 호스트인 Maximilian이 실습 강의를 제공합니다. 자신만의 Angular + NodeJS 애플리케이션을 쉽게 구축할 수 있게 됩니다.


#3. 실습 예제 중심의 강의로 핵심 개념을 쉽게 이해하세요!

이 강의는 실습으로 이루어집니다. 즉, 전체 강의는 하나의 큰 애플리케이션을 중심으로 구성되며 이 애플리케이션에 도입하는 다양한 개념에 대해 자세히 설명합니다.


[본 강의에서 다룰 구체적인 내용]

  • Angular CLI를 사용하여 NodeJS + Express + MongoDB + Angular 애플리케이션을 구축하기

  • NodeJS 및 Express를 효율적으로 사용하는 방법

  • Angular에서 재사용 가능한 컴포넌트를 구축하고 Angular에서 제공하는 도구를 사용하여 반응형 UX를 구축하기

  • Angular의 HttpClient 서비스를 통해 NodeJS(또는 다른 언어!) 백엔드를 Angular 앱과 연결하기

  • 프론트엔드를 위해 백엔드에 적절한 엔드포인트를 제공하기

  • 파일 업로드 및 페이지 매김과 같은 고급 기능 추가하기

  • 사용자, 인증 및 권한 부여를 적용하여 애플리케이션을 더욱 안전하게 구현하기

  • 다양한 오류를 적절하게 처리하는 방법

  • 이외 훨씬 더 많은 주제가 있습니다!

이 실습 방식을 통해 이론에 얽매이지 않고 실제 구현의 예를 즉시 볼 수 있습니다.


#4. 제 YouTube 채널의 시청자뿐만 아니라 다른 강의 수강생들의 후기를 들어보세요.

  • Max는 훌륭한 콘텐츠를 만들기 위해 많은 공을 들였고 이 강의는 훌륭합니다. Max의 강의 스타일은 기초부터 고급까지 모든 주제를 다루며, 각 주제에 대한 자세한 설명을 제공합니다.

  • Max는 주제에 대한 방대한 지식을 보여주고 강의에 엄청난 열정을 쏟습니다.

  • Max는 Angular의 핵심 개념을 쉽게 이해하게 만드는 데 능숙합니다.


#5. 당신의 성장을 도와드립니다. 기본 개념에서 멈추지 마세요!

강의가 끝날 때까지 "Hello World" 예시만을 보여주는 강의들이 있지만 이 강의는 그렇지 않습니다. 매우 기본적인 앱과 기본 기능으로 시작하지만, 다양한 라우트, 옵저버블, 이벤트, 인증 및 권한 부여, 오류 처리 등을 애플리케이션에 통합하는 법을 빠르게 배우실 수 있습니다.

가장 좋은 점은 다음과 같습니다. 바로 실습하고 배운 것을 익힐 수 있습니다! 끝없는 PPT 슬라이드나 실용성 없는 자잘한 예시도 없습니다. 이 강의가 정답입니다!



[본 강의의 추천 대상]

  • 기본적인 NodeJS/Express 및 Angular 경험이 있는 분들께 적극적으로 권장합니다.

  • HTML, CSS 및 JavaScript 기본 개념에도 익숙해야 합니다.

  • 본 강의 주제가 아니기에 자세히 살펴보진 않지만, MongoDB(+ Mongoose)를 강의에서 사용하므로 이에 대한 지식이 있으시면 더욱 좋습니다. (전문 지식은 필요하지 않습니다.)


이 강의를 마칠 때쯤이면 자신만의 멋진 NodeJS + Angular 애플리케이션을 만드실 수 있을 겁니다!

1강에서 뵙겠습니다.


- Max


Who this course is for:

  • 기존 Angular 및 NodeJS 지식을 실전에 활용하는 데 관심이 있는 모든 분
  • Angular 및 NodeJS의 기본 지식이 있고, 두 기술을 연결하는 방법을 자세히 알고 싶은 개발자
  • NodeJS 및 Angular 기술을 사용하고 연습하려는 수강생
  • 모던 풀 스택 애플리케이션 구축에 관심있는 초보 개발자 및 취업준비생

Report abuse