쉽게 안드로이드 앱, 윈도우 앱, ios 앱을 만들어보고 배포하는 방법까지 알고 싶은 분들에게 추천드립니다. 자바스크립트와 앵귤러보다는 타입스크립트의 기초부터 알려드립니다!
이런 걸
배워요!
타입스크립트
아이오닉
파이어스토어
파이어베이스 스토리지
PWA 변환
파이어베이스를 통한 앱 배포
타입스크립트 기초부터
ionic6까지 한 번에! 💥
같은 앱을 윈도우용, 안드로이드용, 아이폰용 등 별도로 개발하는 것은 어렵지만, 대부분의 코드를 공유하면서 한 번의 개발로 플랫폼별 앱을 만들 수 있다면 어떨까요?
이를 가능하게 해주는 방법은 크로스 플랫폼을 사용하는 것인데, 그 중에서도 간편하고도 쉽게 앱을 꾸밀 수 있는 아이오닉 프레임워크로 플랫폼별 앱을 만들수 있는 강의를 기획하게 되었습니다.
강의는 윈도우 노트북과 아이오닉6로 진행하며, 만들어진 앱을 크롬을 통해 실행하고 설치합니다!
(🎈 참고. 카메라 테스트 영상에서 아이폰으로 테스트하는 부분은 없습니다.)
타입스크립트를
배우고 싶은 분
모바일 앱을 만들어
본 적 없는 분
파이어베이스의 스토어와
스토리지를 사용하고 싶은 분
챕터별로 정리된 샘플 코드가 제공되고, 실제로 이를 작성해보면서 타입스크립트 강의를 진행합니다.
챕터별로 컴포넌트의 활용법과 샘플코드가 제공됩니다.
앱을 만들어 윈도우에 설치합니다.
로그인 기능을 구현하고, 스마트폰에 있는 카메라를 이용해서 원격 저장하는 방법을 배웁니다.
본인의 스마트폰에 직접 설치해봅니다.
Q. 강의 환경은 어떻게 되나요?
윈도우, 비주얼스튜디오코드, npm, 아이오닉으로 진행합니다.
Q. 버전에 따른 차이가 큰가요?
새로운 버전이 나올 때 사용방법이 변동되는 경우가 있습니다.
본 강의보다 최신 강의가 있다면 그 강의를 듣는 것이 더 쉬울 수도 있습니다.
하지만 어느 정도 수준에 도달하면 버전에 의한 차이는 쉽게 극복이 가능합니다.
Q. 자바스크립트나 앵귤러를 알고 있어야 하나요?
물론 알고 있으면 도움이 되겠지만, 모르셔도 강의를 이해할 수 있습니다.
강의 자체가 자바스크립트나 앵귤러를 모른다는 가정을 토대로 진행하기 때문입니다.
또한 입문강의로서 어려운 원리 보다는 사용방법 위주로 누구나 쉽게 접근 할 수 있도록 구성하였습니다.
Q. 섹션 1의 타입스크립트는 알고 있는 내용인데 꼭 들어야 하나요?
섹션 1, 섹션 2 , 섹션 3은 내용 자체가 연결되어있진 않습니다.
그렇기 때문에 자신이 알고 있는 강의는 듣지 않아도 충분히 이해하실 수 있습니다.
Q. 안드로이드 폰과 아이폰을 모두 가지고 있어야 하나요?
별도의 장치를 가지고 있지 않더라도 크롬에서 모든 화면을 확인할 수 있습니다.
(실제 카메라 테스트를 할 경우에는 해당 장치를 가지고 있어야 가능하지만, PWA로 변환 후에는 안드로이드폰과 아이폰에서 설치가 가능합니다.)
강의에서는 안드로이드 스튜디오를 사용하여 에뮬레이터를 통한 카메라 테스트를 진행합니다.
학습 대상은
누구일까요?
크로스 플랫폼을 배우고 싶으신분
안드로이드, PC, ios 앱을 만들어 보고 싶으신 분
아이오닉에 입문해 보고 싶으신 분
PWA 앱으로 배포하고 싶으신 분
타입스크립트 기초를 배우고 싶으신 분
생산 및 품질 관리 프로그램, POP, 스마트 팩토리, PMS 등 컴퓨터 프로그램 개발자로 활동하다가 강의를 시작하게 되었습니다. 프로그램 개발이라는 것이 생각보다 어려운 영역은 아닙니다. 공부방법을 터득하시면 누구나 접근 할수가 있습니다.
전체
74개 ∙ (9시간 59분)
가 제공되는 강의입니다.
타입스크립트 프로젝트 초기화 연산자
05:26
논리 비교 연산자
05:26
클래스 인터페이스 정적변수
12:07
익명함수 화살표함수 콜백함수
04:39
모듈 export imporrt
08:12
추상클래스
06:00
고차함수
04:14
yield 제네릭함수
06:22
프로미스 프로미스올
08:57
프로미스 race finally
09:54
아이오닉 설치
03:53
사이드 메뉴 추가하기 레이블
06:47
카드, 뱃지, 버튼, 아이콘
17:23
서비스 추가, 체크박스
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
First App 프로젝트 생성
06:06
사이드메뉴 추가하기
04:46
회의실 상세페이지 만들기
09:55
스토리지 설치
04:08
회의실 등록 페이지 기능 추가-1
08:08
회의실 등록 페이지 기능 추가 -2
08:36
회의실 등록 페이지 기능 추가 -3
11:03
회의실 수정 페이지 삭제 기능 추가
10:44
회의실 상세정보 배열 데이터 저장
13:29
파이어스토어 설치 및 데이터 불러오기
13:51
로그인 화면 완성하기
06:51
패스워드 변경 기능 추가하기
07:51
guard 가드로 접근제어하기
09:20
로그아웃 기능 추가
03:01
캐피시터 설치, 카메라 기능 추가
22:28
파이어스토리지에 이미지 저장하기
16:03
추가 , 수정 카메라 이미지 적용
12:22