입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

쉽게 안드로이드 앱, 윈도우 앱, ios 앱을 만들어보고 배포하는 방법까지 알고 싶은 분들에게 추천드립니다. 자바스크립트와 앵귤러보다는 타입스크립트의 기초부터 알려드립니다!

31명 이 수강하고 있어요.

깊알못nodeep

입문자를 위해 준비한
[웹 개발, 모바일 앱 개발] 강의입니다.

이런 걸 배울 수 있어요

타입스크립트
아이오닉
파이어스토어
파이어베이스 스토리지
PWA 변환
파이어베이스를 통한 앱 배포

타입스크립트 기초부터
ionic6까지 한 번에! 💥

강의 기획 배경을 알려드릴게요 📖

같은 앱을 윈도우용, 안드로이드용, 아이폰용 등 별도로 개발하는 것은 어렵지만, 대부분의 코드를 공유하면서 한 번의 개발로 플랫폼별 앱을 만들 수 있다면 어떨까요?

이를 가능하게 해주는 방법은 크로스 플랫폼을 사용하는 것인데, 그 중에서도 간편하고도 쉽게 앱을 꾸밀 수 있는 아이오닉 프레임워크로 플랫폼별 앱을 만들수 있는 강의를 기획하게 되었습니다.

강의는 윈도우 노트북과 아이오닉6로 진행하며, 만들어진 앱을 크롬을 통해 실행하고 설치합니다!

(🎈 참고. 카메라 테스트 영상에서 아이폰으로 테스트하는 부분은 없습니다.)

이런 분들이 들으면 좋아요 🔍

타입스크립트를
배우고 싶은 분

모바일 앱을 만들어
본 적 없는 분

파이어베이스의 스토어와
스토리지를 사용하고 싶은 분

이 강의만의 특징을 알려드려요 ✨

어려운 이론 설명보다는 같이 코딩을 하는 강의
자바스크립트를 몰라도 타입스크립트를 사용할 수 있는 강의
앵귤러나 리액트 경험이 없더라도 따라오는데 문제가 없는 강의
각 섹션 별로 샘플 코드가 제공되는 강의

어떤 걸 배우는지 알려드릴게요 📚

1. 타입스크립트

챕터별로 정리된 샘플 코드가 제공되고, 실제로 이를 작성해보면서 타입스크립트 강의를 진행합니다.

2. 아이오닉 사용방법

챕터별로 컴포넌트의 활용법과 샘플코드가 제공됩니다.

3. 윈도우 설치

앱을 만들어 윈도우에 설치합니다.

4. 기타

로그인 기능을 구현하고, 스마트폰에 있는 카메라를 이용해서 원격 저장하는 방법을 배웁니다.

5. 스마트폰 설치

본인의 스마트폰에 직접 설치해봅니다.

예상 질문에 대해 미리 답해드려요 💬

Q. 강의 환경은 어떻게 되나요?

윈도우, 비주얼스튜디오코드, npm, 아이오닉으로 진행합니다.

Q. 버전에 따른 차이가 큰가요?

새로운 버전이 나올 때 사용방법이 변동되는 경우가 있습니다.
본 강의보다 최신 강의가 있다면 그 강의를 듣는 것이 더 쉬울 수도 있습니다.
하지만 어느 정도 수준에 도달하면 버전에 의한 차이는 쉽게 극복이 가능합니다.

Q. 자바스크립트나 앵귤러를 알고 있어야 하나요?

물론 알고 있으면 도움이 되겠지만, 모르셔도 강의를 이해할 수 있습니다.
강의 자체가 자바스크립트나 앵귤러를 모른다는 가정을 토대로 진행하기 때문입니다.

또한 입문강의로서 어려운 원리 보다는 사용방법 위주로 누구나 쉽게 접근 할 수 있도록 구성하였습니다.

Q. 섹션 1의 타입스크립트는 알고 있는 내용인데 꼭 들어야 하나요?

섹션 1, 섹션 2 , 섹션 3은 내용 자체가 연결되어있진 않습니다.
그렇기 때문에 자신이 알고 있는 강의는 듣지 않아도 충분히 이해하실 수 있습니다.

Q. 안드로이드 폰과 아이폰을 모두 가지고 있어야 하나요?

별도의 장치를 가지고 있지 않더라도 크롬에서 모든 화면을 확인할 수 있습니다.
(실제 카메라 테스트를 할 경우에는 해당 장치를 가지고 있어야 가능하지만, PWA로 변환 후에는 안드로이드폰과 아이폰에서 설치가 가능합니다.)
강의에서는 안드로이드 스튜디오를 사용하여 에뮬레이터를 통한 카메라 테스트를 진행합니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

크로스 플랫폼을 배우고 싶으신분
안드로이드, PC, ios 앱을 만들어 보고 싶으신 분
아이오닉에 입문해 보고 싶으신 분
PWA 앱으로 배포하고 싶으신 분
타입스크립트 기초를 배우고 싶으신 분

안녕하세요
깊알못nodeep입니다.

14,665

명

수강생

228

개

수강평

개

답변

4.8

점

강의 평점

개

강의

생산 및 품질 관리 프로그램, POP, 스마트 팩토리, PMS 등 컴퓨터 프로그램 개발자로 활동하다가 강의를 시작하게 되었습니다. 프로그램 개발이라는 것이 생각보다 어려운 영역은 아닙니다. 공부방법을 터득하시면 누구나 접근 할수가 있습니다.

커리큘럼

전체

74개 ∙ (9시간 59분)

해당 강의에서 제공:

수업자료

섹션 1. 타입스크립트 입문

19개 ∙ (2시간 13분)

node js 타입스트립트 비주얼 스튜디오코드 설치
01:53
데이터 타입 string number boolean 타입추론
09:04
타입스크립트 프로젝트 초기화 연산자
05:26
논리 비교 연산자
05:26
배열 튜플 전개연산자 매개변수 파라미터
10:37
enum, 리터럴, object, const, 유니온, 유니온 함수
06:56
클래스 인터페이스 정적변수
12:07
Switch, For , While 반복문
16:29
익명함수 화살표함수 콜백함수
04:39
모듈 export imporrt
08:12
추상클래스
06:00
비구조화할당 undefined null
03:04
고차함수
04:14
내장 고차함수 filter, map, reduce, sort
11:20
yield 제네릭함수
06:22
SetInterval SetTimeout
02:33
프로미스 프로미스올
08:57
프로미스 race finally
09:54
샘플코드

섹션 2. 아이오닉 컴포넌트

26개 ∙ (3시간 1분)

아이오닉 설치
03:53
비주얼스튜디오코드 설치 및 아이콘 설치
01:39
사이드 메뉴 추가하기 레이블
06:47
카드, 뱃지, 버튼, 아이콘
17:23
비주얼스튜디오코드에서 자동완성 추가, 경고창 만들기
07:46
서비스 추가, 체크박스
10:35
칩
05:29
피커
17:14
펩버튼
06:20
그리드
11:23
리스트
05:57
버철스크롤 인피니티스크롤
13:39
인풋, 텍스트 에리어, 폼
09:07
아이템 디바이더, 그룹
05:07
노트
05:10
로딩인디케이터, 프로그레스바, 스피너
08:10
라디오 레인지
05:02
리플레셔
04:19
리오더
05:33
검색창
04:33
세그먼트 버튼
02:50
셀렉트
03:16
슬라이드
06:31
탭버튼
03:15
토스트 토글 백버튼
10:18
샘플코드

섹션 3. 아이오닉 간단한 앱 만들기

29개 ∙ (4시간 45분)

First App 프로젝트 생성
06:06
사이드메뉴 추가하기
04:46
사이드메뉴 주소 수정 모델 서비스 추가 바인딩
11:50
회의실 상세페이지 만들기
09:55
스토리지 설치
04:08
회의실 등록 페이지 기능 추가-1
08:08
회의실 등록 페이지 기능 추가 -2
08:36
회의실 등록 페이지 기능 추가 -3
11:03
회의실 등록 페이지 기능 추가 -4 Form Validators 검증
10:13
회의실 수정 페이지 삭제 기능 추가
10:44
회의실 상세정보 배열 데이터 저장
13:29
파이어스토어 설치 및 데이터 불러오기
13:51
파이어스토어용 디테일, 추가 등록 페이지
12:02
삭제기능 추가, 수정 화면 만들기, 파이어스토어 문서 아이디 받아오기
13:33
예약 등록 화면 만들기 - 뱃지,DateTime, Select 추가
13:30
예약 등록 화면 만들기- 캘린더 팝오버 적용, 등록 현황삭제 기능 추가
17:17
회원가입, 로그인 화면 만들기, 파이어 스토어와 연결
14:34
회원가입 기능 완성하기 - 스피너 추가
05:08
로그인 화면 완성하기
06:51
패스워드 변경 기능 추가하기
07:51
guard 가드로 접근제어하기
09:20
로그아웃 기능 추가
03:01
캐피시터 설치, 카메라 기능 추가
22:28
PC에서 접속시 카메라 대신 이미지 선택 기능 추가
06:47
파이어스토리지에 이미지 저장하기
16:03
추가 , 수정 카메라 이미지 적용
12:22
ionic serve lab 설치, 카드에 scss적용
02:05
PWA 프로그레시브웹앱으로 변환, 파이어베이스를 통해 윈도우, 안드로이드, 아이폰에 설치하기
09:24
샘플코드

강의 게시일: 2022. 02. 07.

마지막 업데이트일: 2022. 10. 03.

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!