무료
초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.
글로벌 기업들의 차세대 모바일 전략, PWA(프로그레시브 웹 앱)를 배우자!
이런 걸
배워요!
웹과 앱을 한 방에 만드는
프로그레시브 웹앱(PWA)의 모든 것!
구글이 주도하고 MS와 삼성이 주목했다!
프로그레시브 웹앱, 한 권으로 끝내기
이지스퍼블리싱 Do it! 프로그레시브 웹앱 만들기
이 강의는 도서 『Do it! 프로그레시브 웹앱 만들기 (이지스퍼블리싱)』 기반으로 만든 동영상 강의로, 글로벌 IT 기업들이 주목하는 차세대 웹 기술인 프로그레시브 웹앱(PWA)을 다룹니다.
✅ 차세대 웹 기술, 프로그레시브 웹앱(PWA)
✅ 기본 반응형 웹 개발 + PWA 핵심 적용
✅ 구글 플레이 직접 배포까지
뷰(Vue.js)와 뷰티파이(Vuetify), ES6 버전 이상의 모던 자바스크립트를 활용해 기본적인 반응형 웹을 개발하고, 여기에 PWA(Progressive Web Apps)의 핵심 요소를 추가함으로써 데스크톱이나 모바일 등 어디서나 실행되는 웹앱을 만듭니다.
또한 파이어베이스를 활용해 실시간 데이터베이스 연동과 푸시 알림, 구글 인증 등의 기능을 구현하면서 서버리스 웹 애플리케이션 개발을 경험할 수 있으며, PWA를 하이브리드 앱으로 만들어 구글 플레이에 직접 배포하는 방법까지 안내합니다.
강의를 듣고 나면 스위프트나 코틀린, 자바와 같은 프로그래밍 언어를 새로 배우지 않고도 모던 웹 기술로 네이티브 앱 수준의 성능과 사용자 경험을 제공하는 모바일 앱을 개발하고 배포하는 방법을 익히게 됩니다.
목차 🙆♀️
헬로! 프로그레시브 웹앱
- 프로그레시브 웹앱이 뭐예요?
- 프로그레시브 웹앱을 대표하는 6가지 핵심 기술
- 비주얼 스튜디오 코드 설치하기
- ‘안녕하세요’ 예제 만들기
모던 자바스크립트 꼭 필요한 것만 배우기
- 재활용할 수 있는 블록 함수
- 변수 선언
- 화살표 함수
- 모듈 내보내기와 가져오기
순수 자바스크립트로 PWA 만들기
- ‘안녕하세요! PWA by JS’ 구경하기
- 매니페스트 작성하기
- 메인 화면 작성하기
- 서비스 워커 만들고 실행하기
뷰 기초 쌓기
- 뷰, 자바스크립트 프레임워크의 절대 강자
- ‘안녕하세요!’ 예제 만들기
- 단방향 바인딩과 v-bind 디렉티브
- 양방향 바인딩과 v-model 디렉티브
뷰 고급 기능 익히기
- 복잡한 로직과 computed 속성
- 이벤트 핸들러 로직과 methods 속성
- 컴포넌트로 HTML 엘리먼트 만들기
- 컴포넌트 속성 props
이 강의의 지식공유자는
김응석 🎓
교수이기 전에 개발 팀장과 기술 이사로 IT 산업 현장을 경험한 전문가입니다. 전국 100여 개 대학에서 강의 교재로 채택된 도서를 집필한 IT 전문 저술가이기도 합니다. 프로그레시브 웹앱 개발과 UI/UX 디자인을 위한 ‘CODE*DESIGN 웹앱(code-design.web.app)’ 커뮤니티 카페에서 모던 웹앱 개발과 디자인 방법을 안내하는 데 힘쓰고 있습니다. 저서로는 『Do it! 쉽게 배우는 웹앱 & 하이브리드앱』, 『구글 완전 활용법』, 『新 한글 비주얼 베이직 6』, 『안녕하세요 터보C』, 『안녕하세요 컴퓨터 길라잡이』 등이 있습니다.
이력 사항
- 한양대 컴퓨터공학과 졸업, 숭실대 미디어아트과 박사 학위 수료
- 안산대학교 멀티미디어디자인과에서 정보디자인, 웹 UI/UX 디자인 강사로 활동 중
이런 분들께 추천드려요!
학습 대상은
누구일까요?
이지스퍼블리싱 입니다.
사람을 구체적으로 도와주는 책을 만듭니다.
