앵귤러 파이어베이스 완전정복 - PetStore 쇼핑몰 프로젝트

앵귤러 파이어베이스 완전정복 - PetStore 쇼핑몰 프로젝트

(1개의 수강평)

8명의 수강생
55,000원
지식공유자 · 노마드크리에이터
47회 수업 · 총 7시간 51분 수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 '초급, 중급, 활용'

이런 걸 배울 수 있어요

  • Angular 앵귤러 개발능력
  • Firebase 파이어베이스 사용능력
  • 모바일 웹앱 실전역량 확보
  • TypeScript 타입스크립트 이해와 실용
  • NoSQL 데이터베이스 설계능력
  • 쇼핑몰 실전 프로젝트 체험
  • 프로젝트 설계 및 분석

앵귤러와 파이어베이스를 이용하여 실전 프로젝트에 응용가능한 Pet Store Blueprint Application 쇼핑몰 모바일 앱, 데스크탑의 웹을 한번에 만들어 보세요.

여러분 모두 구글이 지원하는 앵귤러 Front-end기술과 파이어베이스 Back-end서비스를 아시나요?
실전 프로젝트에 활용하는 대표적인 예제로 만들어진 Blueprint Application의 정석인

Pet Store쇼핑몰을 앵귤러와 파이어베이스로 같이 만들면서 여러분의 능력을 키워 드립니다.

모바일 앱, 데스크탑 웹을 한번에 만드는 모든 프로젝트 과정을 체험해 보세요.


혹시 여러 분도 비슷한 생각을 하고 있는 것은 아닌가요?
개발의 정석 Pet Store Bluprint Application을 앵귤러와 파이어베이스로 만드는 프로젝트를 같이 수행하고나면 자신감과 능력이 향상됩니다. 이 강의는이론교육과 함께 실전에서 사용할 수 있는 프로젝트를 직접 해보는 과정입니다.

앵귤러, 파이어베이스, TypeScript, NoSQL 등 실전 프로젝트 수행에 필요한 기술과 핵심요소를 배울 수 있는 좋은 강의입니다. 향후에 관련 프로젝트를 해도 쉽게 적용하실 수 있을 겁니다.

앵귤러로 만드는 Pet Store 쇼핑몰 

앵귤러 PWA(Progressive Web Application) 기술로 모바일, 데스크탑에 모두 적용 가능한 앱을 만드세요. 
파이어베이스로 만드는 Pet Store 쇼핑몰 

파이어베이스의 데이터베이스, 인증, 호스팅 등 다양한 기능으로 웹서비스를 해결하세요.

강의에 사용한 자료와 프로그램 소스는 제가 운영하는 지식 배움의 터인 크리애플(www.creapple.com) 사이트에서 받으실 수 있습니다.

선수과정인 ‘Angular, 앵귤러 100분 핵심강의’를 들으시면 프로젝트 수행에 큰 도움이 됩니다. 

Angular, 앵귤러 100분 핵심강의

앵귤러를 이용하여 모바일 앱, 
데스크탑의 웹을 한번에 만들어 보세요. 
앵귤러의 기본을 한번에 배워 보세요.

Vue, 뷰 100분 핵심강의

Vue와 Angular를 직접 비교할 수도 있습니다., 
‘Angular, 앵귤러 100분 핵심강의’와 같은 내용의  
PetList예제를 만들어 보세요.

수강 대상

  • Angular 앵귤러로 실전프로젝트를 준비하는 분
  • 프로젝트 설계 및 구축 기술을 배우고자 하는 분
  • 쇼핑몰 프로젝트로 모바일 웹앱을 체험해 보고 싶은 분
  • NoSQL기반 데이터 모델을 하고자 하는 분

선수 지식

  • Angular, 앵귤러 100분 핵심강의
  • 자바스크립트, HTML에 대한 기초지식
  • 열심히 배우고자 하는 의지

지식공유자 소개

두 아이를 둔 아빠로 아이들의 교육과 취미인 프로그램을 접목하기 위해 이 강의를 기획했습니다. 약 25년 동안 System Engineer, Project Manager, Business Developer 등으로 다양한 경험을 해왔으며, 현재는 외국에서 IT컨설팅 프로젝트의 Project Manager로 일하고 있습니다. 

프로그램 개발과 프로젝트 관리에 관심이 많아 PMP(Project Management Professional by PMI), SAP Business Warehouse, SCJP(Sun Certified Java Programmer), MCSE(Microsoft Certified System Engineer)와 OCP(Oracle Certified Professional-DBA) 등의 자격과 관련 경험을 바탕으로 다양한 영역에 도전을 이어가고 있습니다. 

경험과 도전을 공유하고 발전시키기 위해 '노마드크리에이터' 유튜브 채널과 크리애플(www.creapple.com) 사이트를 운영하면서 새로운 기술과 이를 응용하는 창의적인 애플리케이션의 교육과 보급에 힘쓰고 있습니다. 

교육과정

모두 펼치기 47 강의 7시간 51분
섹션 1. Angular Material
6 강의 45 : 28
Angular Material 이란?
06 : 55
Material vs. Bootstrap
09 : 09
프로젝트 Workspace 만들기
06 : 18
Angular Material 설치하기
09 : 52
Wrapper 모듈 만들기
06 : 47
Navigation schematic 만들기
06 : 27
섹션 2. Firebase
9 강의 71 : 06
Firebase란?
07 : 04
NoSQL Structure 배우기
14 : 39
Firebase 데이터베이스 구축
07 : 22
Petlist 프로젝트 활용하기
09 : 48
Firebase 프로젝트 연결
10 : 23
데이터 생성하기
03 : 51
데이터 조회하기
06 : 15
데이터 갱신하기
08 : 52
데이터 삭제하기
02 : 52
섹션 3. 프로젝트 분석하기
4 강의 48 : 58
Pet Store 프로젝트의 역사
13 : 35
프로젝트 요구사항 분석
08 : 18
프로젝트 분석과 설계
10 : 01
NoSQL 데이터 모델링
17 : 04
섹션 4. 상품조회하기
6 강의 63 : 12
앵귤러 아키텍처
06 : 57
상품데이터 가져오기
08 : 55
파이어베이스 전역변수 설정
07 : 59
Home 데이터 조회
13 : 19
Component, Service, Class 제작
13 : 31
List 데이터 조회
12 : 31
섹션 5. 상품선택하기
3 강의 32 : 57
Flex Layout 설치하기
07 : 50
상품검색하기
09 : 34
Cart, Wishlist 만들기
15 : 33
섹션 6. 언어 설정하기
3 강의 25 : 09
다국어 지원하기
08 : 35
설정기능 만들기
10 : 44
설정관리하기
05 : 50
섹션 7. 사용자 인증하기
5 강의 59 : 10
이메일 인증 등록
17 : 19
이메일 Log in
10 : 46
이메일 Sign up
12 : 29
이메일 Reset Password
08 : 18
OAuth 인증 - Google
10 : 18
섹션 8. 상태 보여주기
3 강의 32 : 22
화면로딩 관리
14 : 18
메시지 박스 출력
11 : 03
네트워크 상태 점검
07 : 01
섹션 9. 주문완성하기
2 강의 24 : 16
주문기능 만들기
14 : 22
주문데이터 저장
09 : 54
섹션 10. 프로젝트 배포하기
4 강의 47 : 56
UI/UX 개선하기
16 : 43
Security 관리하기
08 : 25
PWA(Progressive Web App)이란?
07 : 11
Firebase Hosting 배포하기
15 : 37

공개 일자

2019년 10월 8일 (마지막 업데이트 일자 : 2019년 9월 24일)

수강 후기

4.0
1개의 수강평
24 World 1달 전
국내에 angular 관련 강의가 잘 없는데 대략적으로 한번 구조를 훑어보는데 도움이 됩니다. 다만 코드를 이미 작성하신걸 대략적으로 설명하셔서 디테일적인 설명이 조금 아쉽습니다~
노마드크리에이터 프로필

노마드크리에이터 24일 전
감사합니다. 좋은 의견 다음 강의에 참조하겠습니다.

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스