이런 걸
배워요!
ES6+ 필수 기능을 배울 수 있어요
뷰, 뷰티파이의 기초부터 고급까지!
실습을 통해 기본기를 다질 수 있어요
웹과 앱을 한 방에 만드는
프로그레시브 웹앱(PWA)의 모든 것!
이 강의는 도서 『Do it! 프로그레시브 웹앱 만들기 (이지스퍼블리싱)』 기반으로 만든 동영상 강의로, 글로벌 IT 기업들이 주목하는 차세대 웹 기술인 프로그레시브 웹앱(PWA)을 다룹니다.
✅ 차세대 웹 기술, 프로그레시브 웹앱(PWA)
✅ 기본 반응형 웹 개발 + PWA 핵심 적용
✅ 구글 플레이 직접 배포까지
뷰(Vue.js)와 뷰티파이(Vuetify), ES6 버전 이상의 모던 자바스크립트를 활용해 기본적인 반응형 웹을 개발하고, 여기에 PWA(Progressive Web Apps)의 핵심 요소를 추가함으로써 데스크톱이나 모바일 등 어디서나 실행되는 웹앱을 만듭니다.
또한 파이어베이스를 활용해 실시간 데이터베이스 연동과 푸시 알림, 구글 인증 등의 기능을 구현하면서 서버리스 웹 애플리케이션 개발을 경험할 수 있으며, PWA를 하이브리드 앱으로 만들어 구글 플레이에 직접 배포하는 방법까지 안내합니다.
강의를 듣고 나면 스위프트나 코틀린, 자바와 같은 프로그래밍 언어를 새로 배우지 않고도 모던 웹 기술로 네이티브 앱 수준의 성능과 사용자 경험을 제공하는 모바일 앱을 개발하고 배포하는 방법을 익히게 됩니다.
헬로! 프로그레시브 웹앱
모던 자바스크립트 꼭 필요한 것만 배우기
순수 자바스크립트로 PWA 만들기
뷰 기초 쌓기
뷰 고급 기능 익히기
교수이기 전에 개발 팀장과 기술 이사로 IT 산업 현장을 경험한 전문가입니다. 전국 100여 개 대학에서 강의 교재로 채택된 도서를 집필한 IT 전문 저술가이기도 합니다. 프로그레시브 웹앱 개발과 UI/UX 디자인을 위한 ‘CODE*DESIGN 웹앱(code-design.web.app)’ 커뮤니티 카페에서 모던 웹앱 개발과 디자인 방법을 안내하는 데 힘쓰고 있습니다. 저서로는 『Do it! 쉽게 배우는 웹앱 & 하이브리드앱』, 『구글 완전 활용법』, 『新 한글 비주얼 베이직 6』, 『안녕하세요 터보C』, 『안녕하세요 컴퓨터 길라잡이』 등이 있습니다.
학습 대상은
누구일까요?
실제 앱 제작이 궁금한 사람
프로그레시브 웹앱을 처음 접한 사람
전체
32개 ∙ (6시간 14분)
프로그레시브 웹앱이 뭐예요? (1)
11:43
프로그레시브 웹앱이 뭐예요? (2)
14:02
비주얼 스튜디오 코드 설치하기
07:59
'안녕하세요' 예제 만들기
14:32
재활용할 수 있는 블록 함수 (1)
15:55
재활용할 수 있는 블록 함수 (2)
12:36
변수 선언 (1)
12:54
변수 선언 (2)
12:05
화살표 함수 (1)
10:22
화살표 함수 (2)
12:30
모듈 내보내기와 가져오기 (1)
13:01
모듈 내보내기와 가져오기 (2)
09:51
매니페스트 작성하기 (1)
12:42
매니페스트 작성하기 (2)
06:23
메인 화면 작성하기
10:35
서비스 워커 만들고 실행하기 (1)
14:10
서비스 워커 만들고 실행하기 (2)
12:34