AngularJS 기본 개념과 To-Do 앱 만들기 실습 - 앵귤러 강좌

AngularJS 기본 개념과 To-Do 앱 만들기 실습 - 앵귤러 강좌

(77개의 수강평)

4083명의 수강생

무료

WePlanet Official Account
평생
중급
23개 수업, 총 2시간 21분

1. 강좌소개

Javascript 의 인기 프레임워크인 AngularJS 의 기본과 앱 제작 과정을 배우는 앵귤러 강좌 입니다. AngularJS 의 중요한 개념들을 예제와 함게 살펴보고, 직접 To-Do 어플리케이션을 만들어 보면서 앵귤러를 경험할 수 있습니다. 2016년에 Webframeworks.kr 에서 진행하는 Angular.js 코드랩 세미나를 위해 준비한 자료를 토대로 진행합니다
- HTML, CSS, JAVASCRIPT 에 대한 이해도가 있는 분께 적합한 강좌 입니다.

배우는 것들

- AngularJS 의 기본 문법, 개발 환경 구성 - AngularJS 를 이용한 SPA 개발 - 약간의 Bootstrap 사용법 - NodeJS 등 서버와의 연결

2. 도움되는 분들

  • 평소 AngularJS 를 학습하고 싶었던 분
  • 웹 프론트엔드 개발자가 되고 싶은 분
  • HTML,CSS,JAVSCRIPT 에 대한 이해도가 있으신 분
  • 새로운 Angular 프로젝트를 진행해야 하는 분

3. 강좌 특징

  • 다루는 기술 : Javascript, AngularJS, Bootstrap
  • 강좌 수준 : 초급~중급
  • 사전 지식 :  HTML, CSS, Javascript 에 대한 기본적인 이해가 필요합니다.

4. 강사 소개

김정환(Chris)

yogafire 스타트업 위플래닛(http://wepla.net) 에서 프론트엔드-백엔드 개발을 담당하고 있습니다. 책읽는 남자, 요가맨. 블로그 : http://blog.jeonghwan.net/  

5. 관련 추천 강좌

지식공유자 소개

WePlanet Official Account

교육과정

오리엔테이션
AngularJS 강좌 소개
03 : 00
섹션 1. AngularJS 의 개념
AngularJS 의 개념들
05 : 00
AngularJS 개발 환경 구성
04 : 00
섹션 2. To-Do 리스트 앱 만들기 - 컨트롤러
Index.html 로 시작하기
03 : 00
모듈과 컨트롤러
09 : 00
출력하기
04 : 00
섹션 3. To-Do 리스트 앱 만들기 - 내장 디렉티브
ngRepeat
08 : 00
ngFilter
03 : 00
ngClick
08 : 00
필터 버튼
06 : 00
섹션 4. To-Do 리스트 앱 만들기 - 폼 만들기
폼 만들기 1
05 : 00
폼 만들기 2
04 : 00
폼 검증 1
07 : 00
폼 검증 2
05 : 00
섹션 5. To-Do 리스트 앱 만들기 - 디렉티브
todoTitle
04 : 00
todoItem
08 : 00
todoFilters
02 : 00
todoForm
06 : 00
섹션 6. To-Do 리스트 앱 만들기 - 서비스
todoStorage : get()
10 : 00
todoStorage : remove(), add()
06 : 00
todoStorage : localStorage
17 : 00
todoStorage : update()
08 : 00
마무리 정리
지금까지의 AngularJS
06 : 00

수강 후기

4.7
77개의 수강평
김성욱 2시간 전
잘 듣고 갑니다. ㅎㅎ
Prolenshia Cian 3일 전
전반적으로 AngularJS를 처음 접해보시는 분들에게는 괜찮네요 ㅎㅎ 잘 듣고 갑니다.
고영환 19일 전
개념을 잡기에는 좋은 것 같습니다.
황재연 1달 전
간단하지만 간단하지만은 않은 앵귤러 쉽고 명쾌하게 잘 가르쳐 주셔서 감사합니다
서세온 1달 전
잘 들었습니다. 감사합니다.
Jungmin 2달 전
좋은 무료 강좌 감사합니다 첫 영상 설명은 초보로써 이해하기 어려웠지만 나머지 모든 강의는 모두 이해가 잘 되었어요. 차분하고 짧고 굵은 강의 감사합니다. ㅎㅎ
권순우 3달 전
전반적인 개념 이해에 괜찮습니다. 강의 편집이 제대로 안돼있다보니 흐름이 어색한 부분도 있지만 Angular 1.x 버전의 개념을 잡기에는 좋은 강의인것 같습니다.
송태현 3달 전
감사합니다. 잘 들었습니다. 많이 도움이 되었습니다.!!
Seongjun Lee 4달 전
AngularJS 입문자에게 추천드립니다. 신입 웹 개발자인데 운영을 맡게 된 프로젝트에서 angularJS가 사용되어 있어 쉬운 설명 덕에 기초를 다지기에 정말 좋은 강좌인 것 같습니다. 마치면서 이 후에 어떠한 방식으로 공부해 나갈지 추천해주신 부분도 정말 감사합니다!!
전진 4달 전
좋습니다 이해가 잘 되는 기초강의
배우자 4달 전
잘 봤습니다. 어느정도 angularjs에 대한 지식을 알고, 수강하였는데 그래도 도움이 많이 되었습니다. (ye 감사합니다.^^
김현배 6달 전
이해가 잘 되는 강좌였습니다. 조금 아쉬운건 코드가 작동안되는 부분이 있어서 그 부분에 대해서 직접 수정하여 진행해야 된 것 외에는 모두 좋았어요
민일정 7달 전
강좌 잘 봤습니다. 짧은 시간에 앵귤러에대한 개념이 잡힌것 같네요. 감사합니다.
최유진 7달 전
angular를 전반적으로 알 수 있는 좋은 강의입니다. angular에 대해 거의 모르는데 인프런에서 우연히 듣게 되었습니다. 쉽게 잘 설명하시는 것이 좋았습니다. 한가지 아쉬운 점이 있다면 웹으로 코딩을 해서 불편했습니다. 그리고 편집이 제대로 안된 것 같아서 아쉽습니다. 그래도 짧지만 쉽고 핵심적인 부분만 있어서 좋은 강의인 것 같습니다. 감사합니다!
j ah 8달 전
첫 Angular 학습 전체적인 흐름을 이해하는 데에는 도움이 되었지만 글자의 크기가 작아 오타가 났을 때 비교하기가 어려웠습니다.
ruin09 8달 전
AngularJS 개념을 아는데 큰 도움이 되었습니다 감사합니다
java_oop 10달 전
입문 강자로 좋습니다. 입문 강자로 정말 좋은거 깉습니다.
Sehyun Jo 10달 전
막연하던 이미지를 따라하면서 배우니 이해가 쉽게 된 것 같아요. 짧은 강좌지만 많은 것 얻어갑니다 ^^
김세한 11달 전
굿굿 몰랐던 앵귤러의 기능들에 대해 알 수 있던 유익한 시간이었습니다.
david_jin 2018.05.29
좋은 강의 감사합니다. angular 의 기본 개념을 알 수 있었습니다.
Sae-rom Lee 2018.05.17
기초 공부하기 좋았어요 angular 입문인데 너무 잘 배웠습니다
Fredo Kim 2018.05.11
제일 초보를 위한 강좌
김정환 프로필

김정환 2018.05.11
수고하셨습니다 수고하셨습니다

강희성 2018.04.29
좋은 강좌 감사합니다. 학원에서 설치 방식으로 타입스크립트랑 같이 배우는데 너무 어렵더군요. 강좌가 일단 알기 쉬워서 좋습니다. 따라하다 보니 어느새 투두가 만들어 지니 신기합니다.
김정환 프로필

김정환 2018.04.30
감사합니다. 아무래도 앵귤러1은 es5에서도 잘 동작해서 쉽게 느껴지는 것 같습니다. 도움이 되서 다행이네요

니캉내캉 2018.04.06
너무 쉽게 강의 잘하시내요 많은 도움이 됩니다. 쉽게 설명을 잘하셔서 이해가 팍팍 되네요 너무 감사하게 잘들었습니다.
김정환 프로필

김정환 2018.04.07
감사합니다~ 끝까지 들어주셔서 고맙습니다

이용천 2018.01.21
앵귤러 기본개념을 이해하기 쉽게 설명해 주셔서 감사합니다. 나머지 개념들에 대해서도 좀더 깊이있게 공부해 봐야겠습니다.
이태희 2018.01.16
감사합니다 잘봤습니다. angular를 공부해야 할 일이 있어서 찾아서 봤는데 친절한 설명 감사합니다. 잘보고갑니다!
So Yeon Lim 2018.01.11
잘봤습니다 급하게 업무에 angular가 필요해서 보게되었는데 친절한 설명 감사합니다
김정환 프로필

김정환 2018.01.15
앵귤러 1로 만들어진 서비스가 꾀 있나보네요? 리뷰 고맙습니다. 수고하셨어요 감사합니다

darkhorizon 2017.12.21
기본적인 개념을 잡는데 많은 도움이 되었습니다. 감사합니다.
박화열 2017.12.19
너무 잘 봤습니다 앵귤러 시작하는데 많은도움이 되었습니다
이영준 2017.10.25
쉽게 알려주셔서 도움이 많이 되엇습니다. 감사합니다.
김정환 프로필

김정환 2017.10.26
고맙습니다 수고하셨어요 감사합니다

JunWoong Cha 2017.10.24
감사합니다 덕분에 잘 배웠습니다.
이승현 2017.09.18
단몇시간만에 엥귤러를 입문하였습니다 감사합니다
BARJ 2017.08.29
좋은강의 감사합니다. 감사합니다.
Sang Ha Lee 2017.08.24
편안하고 차분한 목소리의 강의 잘 듣었습니다. 도움 많이 되었습니다. 감사합니다. 복 많이 받으세요~ : )
박시중 박 2017.08.14
Great! 대단히 감사합니다. 초보자에게 앵글러의 개념 및 이해를 손쉽게 도와주셨습니다.
김정환 프로필

김정환 2017.08.15
감사합니다다 수고하셨어요 감사합니다

Hyunji Oh 2017.08.08
중요한 개념들을 전체적으로 훑어볼 수 있어서 아주 유익했습니다! 고맙습니다!!
박지우 2017.08.04
많은 도움이 되었습니다만 기본적으로 angular js를 처음접하는데 있어서 많은 도움이 되었습니다. 모든 강좌를 모두 마치고 todo앱을 완성하여 다운을 받아서 index.html을 돌렸습니다. 기본적으로 windows에 angular 환경을 잡아 줘야 하는것이 있는지 궁금합니다.
김정환 프로필

김정환 2017.08.04
저도 그렇게는 안해봤는데.. 해보고 추가 설정이 필요한지 알아볼게요

박기수 2017.06.26
처음 시작하는데 많은 도움이 되었습니다. 감사합니다.
김정환 프로필

김정환 2017.07.02
감사합니다 수고하셨어요 감사합니다

김린 2017.06.22
굿입니다. 짧은 시간에 앵귤러에 대한 부분을 접할 수 있는 좋은 강의였습니다.
TiggerSaprtz 2017.06.16
Angular 기본에 대해서 빠르게 훑어볼 수 있었습니다. 감사합니다.
유혜리 2017.06.07
잘봤어요 감사합니다. 감사합니다.
박대호 박 2017.05.13
라우팅에 대한 부분이 아쉽지만 전반적으로 앵귤러에 대한 이해가 잘 되게 설명해서 좋았어요!!!! 수고하셨습니다 :D
한스 2017.05.12
많은 도움이 되었습니다. 감사합니다.
EunYoung Kim 2017.04.14
감사합니다. 처음 접근하는데있어 정말 많은 도움이 됬습니다~
김천용 2017.04.06
재밌습니다 ㅎ 차근차근 잘 가르켜주셔서 잘배우고 있습니다.전체적으로 앵귤로가 어떻게 돌아가고 어떤방식으로 작동하는지 알수있어요
정준영 Jung 2017.03.28
빠른 시간 안에 앵귤러의 개념을 배울 수 있어서 좋았습니다.
채세종 2017.03.19
좋은 강의네요 앵귤러2 강의도 있었으면 좋겠어요 감사합니다.
달식 2017.03.18
잘 배우고 갑니다! 처음 Angular 배우는데는 최고!
수지아빠 2017.03.18
AngularJS 기본 개념과 To-Do 앱 만들기 실습 - 앵귤러 강좌 2.0 강의 였으면, 더 좋았겠습니다.
장지원 2017.03.17
잘봤습니다
강선석 Kang 2017.03.09
많은 도움되었습니다. 깔끔한 코드와 친절한 설명 감사합니다.
김동수 Kim 2017.03.08
잘배웠습니다. 감사합니다. 쉬운 설명 감사합니다.
Sang Hoon Ahn 2017.03.07
좋은 강의 감사합니다 빠르게 앵귤러를 접할 수 있어서 좋은 것 같습니다.
Soone Kim 2017.02.22
처음 접하는 AngularJS AngularJS 처음 사용해보는데 실습과 함께 기본개념을 잘 설명해주셔서 이해가 빠르네요~b 강의 감사합니다
하태경 2017.02.16
처음 개념 잡기 좋은 강좌인것 같습니다. 앵귤러를 처음 접하는 분들에게 많은 도움이 될거 같아요 예제를 따라 하면서 단계별로 개념 잡기 좋네요..
amps 2017.01.22
감사합니다. 많은 도움이 되었습니다. angularjs 2 도 나중에 올려주세요!
이혁희 2017.01.18
AngularJS 이 강좌 보고 기본개념 쉽게 잡았습니다. 많은도움되었습니다. 좋은 강의 감사합니다.
재경이재아빠 2017.01.08
유익한 강의 초보자도 쉽게 이해 할 수 있는 유익한 강의 였습니다.
JUNYA906 2017.01.03
잘들었습니다 angular 처음 접하는 사람한테 아주 좋은 강의같아요~!
이동철 2016.12.30
angularjs!! 앵귤러를 처음 접하는 분들한테는 정말 좋은거같습니다!!
정일철 2016.12.28
TDD 방식으로 앵귤러를 알기 쉽게 설명 했습니다. 쏙쏙 이해가 되네요.
김선호 2016.12.26
Angular JS를 빠른 시간 내에 살펴볼 수 있는 강의 짧은 시간 안에 Angular JS의 주요 기능을 알아볼 수 있었습니다. Angular 2도 개설해주시길 기원합니다. 감사합니다.
miriamme 2016.12.08
fast, easy!!! 몇시간안에 빠르게 개념을 잡는데 큰 도움이 되었습니다. 유료라도 좋으니 실무에서 어플리케이션 구현할때 기본적인 구조와 패턴 등의 강의가 있으면 좋겠습니다. 고생하셨습니다.
윤상윤 2016.12.01
강의를 들으면서 직접실습 코딩해보니 이해가 빠릅니다. 책을 보면서 혼자 이해하는 것보다 강좌를 통해서 기본적인 내용을 실습해보니 이해하는데 많은 도움이 되었습니다. 조금더 다른 부분도 추가해 주시면 고맙겠네요. 서비스 종류도 여러가지가 있는데, factory, service, provider, constant... etc. 이런 용도에 대해서도 언급해주셨으면 합니다.
쿠마파크 2016.12.01
설명을 잘해주시네요 굿
kurdizle 2016.11.18
앵귤러 완전 초보입니다. 그래도 덕분에 앵귤러의 기초에 대해 알 수 있게 되었네요 ㅎㅎ 감사합니다!
차주봉 Cha 2016.11.13
잘봤습니다. 친절하고 차분한 강의로 angularjs의 개념을 잡는데 많은 도움이 됐습니다.
차현철 2016.11.07
강좌 잘 보았습니다. 간단한 앱 만들기 수업이 좋았습니다.
배으뜸 2016.10.26
갓초보입니다. angular 가 뭔지 모르는 저에겐 정말 도움되는 기본개념에 대한 설명이었습니다! 덕분에 약간의 angular 에 대한 지식을 쌓을 수 있었습니다! 감사합니다!
동현 2016.10.13
추천합니다! Angular가 다른 언어에 비해 처음 시작이 좀 어렵다는 느낌을 받았는데, 쉽고 빠르게 강의 해주셔서 많은 도움을 받고 갑니다. 감사합니다.
노경욱 2016.10.12
짧은 시간에 Angular의 컨셉을 이해하고 앞으로 공부할 방향성을 잡을 수 있어서 좋았습니다. 감사합니다.
김태민 2016.10.04
잘봤습니다^^
김현준 김 2016.10.01
기초개념을 쌓기 좋은강의 앵귤러 문서를 보기 전에 강의를 보고 전체적으로 앵귤러란 무엇이고 어떤식으로 하면 유용하게 사용할 수 있겠구나 앵귤러에 대한 개념을 확실하게 잡아주는 강의였습니다.
신시아 2016.09.26
개념 잡는데 도움이 많이 되었습니다. angular가 뭔지 몰랐는데 개념잡는데 도움이 많이 되었습니다. 마지막 공부방향까지 알려주셔서 정말 감사합니다.
김경민 2016.09.13
실습하면서 이해하기 좋습니다. 기초적인 개념 잘 설명해주시는 듯합니다. 실습도 재밌었네요.
새우깡 2016.09.07
개념이랑 개발 사례를 학습하는데 매우 좋네요. 앵귤러라 초기 학습장벽이 있는거 같던데 기본 개념을 잘 설명해 주셔서 좋습니다. 말씀도 편안하게 해주셔서 듣기도 좋네요. 나중에 백엔드 부분도 더 다뤄졌으면 하는 아쉬움은 좀 있습니다.

우리는 성장기회의 평등을 추구합니다

경제적, 시간적 제약없는 양질의 교육으로 누구에게나 성장 기회를
균등하게 주는 것. 그것이 우리의 목표입니다.

지식공유참여

(주)인프랩 | 대표자 : 이형주 | TEL : 070-4178-0406 | E-MAIL : course@inflearn.com
사업자번호 : 499-81-00612 | 개인정보보호책임자 : 이형주 | 통신판매업 : 2017-서울강남-01544
주소 : 성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19
©INFLAB. ALL RIGHTS RESERVED