개발 · 프로그래밍

/

프론트엔드

Do it! 프로그레시브 웹앱 만들기

글로벌 기업들의 차세대 모바일 전략, PWA(프로그레시브 웹 앱)를 배우자!

(5.0) 수강평 9개

수강생 996명

초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

이런 걸
배워요!

  • ES6+ 필수 기능을 배울 수 있어요

  • 뷰, 뷰티파이의 기초부터 고급까지!

  • 실습을 통해 기본기를 다질 수 있어요

 웹과 앱을 한 방에 만드는 
프로그레시브 웹앱(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 디자인 강사로 활동 중

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 실제 앱 제작이 궁금한 사람

  • 프로그레시브 웹앱을 처음 접한 사람

사람을 구체적으로 도와주는 책을 만듭니다.

커리큘럼

전체

32개 ∙ (6시간 14분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!