[Vue.js입문~초급] Javascript 초보 Real 웹앱 개발 - 1부 : vue 개념 ~ 핵심
[Vue.js입문~초급] Javascript 초보 Real 웹앱 개발 - 1부 : vue 개념 ~ 핵심
수강정보
(8개의 수강평)
84명의 수강생
11,000원
지식공유자 : 배동훈
23회 수업 · 총 4시간 33분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급
배동훈의 다른 강의 연관 로드맵
아직 다른 강의가 없어요
연관 로드맵이 없어요

이 강의는

이 강의는 초보 Javascript 개발자가 직접 Real 웹앱을 개발할 수 있는 개발자가 되는 것에 초점을 맞추고 있습니다. 이 강의를 수강하시면 Vue.js 와 관련된 기본적인 개념부터 Real 웹앱 개발을 해 볼 수 있습니다. 이 강의는 1부 기본기 이며, 2부와 3부를 통해서 실제 Real 웹앱을 구현해 보도록 하겠습니다. Javascript 나 CSS 와 같은 선수지식 없이도 기본적인 간단한 Html 만 알아도, 학습할 수 있도록 쉽게 구성하였습니다. 강의 후반부가 되면, 분명 Vue.js 에 대한 기본 코딩이 가능할 수 있을 것입니다.

이런 걸 배워요

  • 반응형 웹 개발
  • 웹앱 개발
  • Vue.js 입문 ~ 초급
  • Vue.js 개념 ~ 핵심
  • Vue.js 공식 가이드 오류 해결
  • Frontend 개발
  • Javascript 개발
  • Vue.js 초급 개발
  • Vue, PWA, SPA, SFC 등 Vue와 관련된 기본 개념 이해하기
  • Vue 인스턴스 및 Vue 기본 및 주요 문법 이해하기
  • Full Stack 개발

[공지] 1. 현재 강의를 PC 및 테블릿 환경에서 학습이 가능하도록 편집하고 있습니다.

강의에서 부족한 부분은 강의노트를 통해 확인 할 수 있습니다. 

강의 녹화에 대한 기술적인 부분들이 좀 해결이 되어서, 재녹화를 진행중입니다.

(최근 4강, 5강 재녹화를 진행하였습니다. 기존 강의들을 최대한 업그레이드 해보겠습니다.)

2. 강의중에 Vue.js 공식 가이드 중 핵심 문법중 오류를 발견하여 해결하여 가이드 합니다.

3. 녹화 음질 개선 작업을 진행하였습니다.  

업데이트가 진행되는 동안은 블로그를 통해 할인 쿠폰을 제공해 드리겠습니다. 

첫 강의라 부족한 점이 있지만, 좋은 강좌가 되도록 하겠습니다.

(완강하신 수강생분들이 많아졌습니다. )

강의에 대한 관심과 수강평도 부탁드립니다.

감사합니다.

쿠폰 종료일을 9월 말까지로 연장했습니다.

30%할인쿠폰 => https://bit.ly/3fXOzon

강사 블로그 강의 미리보기 ->  https://plogger.tistory.com/category/Frontend/Vue

[Vue.js 2] 실전 웹앱 개발하기 시리즈

1부: Vue.js 개념 ~ 핵심 👈 현재 강의
• 2부 - Vue Cli 개발환경 및 실전 UI 라이브러리 (제작중)
• 3부 - 실전 웹앱 '앱으로 하는 역사공부'  개발 (제작중)

📝 강의소개

• 1부: Vue.js 개념 ~ 핵심 실습 은

강의를 보면서 jsFiddle 을 통해 바로바로 같이 코딩을 해 볼 수 있습니다.

이러한 실습은 강좌를 눈으로만 보는 것과 달리,

여러분이 실제 Vue.js 의 기본 코딩을 할 수 있도록

분명히 도움을 줄 수 있습니다. 강의를 보면서 같이 코딩을 해 보세요.

당신은 바로 vue 개발자가 될 수 있습니다.

구한말 조선을 둘러싼 열강들의 침략에 대한 다큐멘터리를 보면서,
개화기의 조선과 일본을 비롯한 다른 열강들의 역사는 많이 달랐다는 것을 알게 되었습니다.
지금은 4차 산업혁명 시대인데, 1차 산업혁명(1760년대), 2차 산업혁명(1865년대) 시대에
조선은 무엇을 하고 있었을까? 라는 생각이 들었습니다.
조선은 왜 산업혁명 시기에 다른 나라들에 비해 이토록 많이 뒤쳐지게 되었으며,
조선을 위협하는 열강들(일본, 중국, 러시아, 미국, 영국, 프랑스 등) 은 동시대에 어떠한 역사를 이루어 왔는지가 궁금해졌습니다.

공부를 하면서 이것을 웹앱으로 만들어 효과적으로 알리고 싶은 생각이 들어
'앱으로 하는 역사공부' 라는 웹앱을 Vue.js + Vuetify 로 만들게 되었습니다.
앱을 만들면서, 제게도 그랬듯, 누군가에게 코딩이 필요한 순간,
키트와 매뉴얼이 되어 줄 수 있는 도구를 서비스[http://realcodecamp.com]로 만들어 보기로 했습니다.

Real 웹앱 - '앱으로 하는 역사공부 개발'을 먼저 동영상 강좌로 진행하려고 했으나,
기본기 없이 바로 실전 개발은 어렵다는 생각에 
• 1부 - Vue.JS 개념 ~ 핵심 실습
• 2부 - Vue Cli 개발환경 및 실전 UI 라이브러리
를 먼저 추가하게 되었습니다.

본 강의는 1부 - Vue.JS 개념 ~ 핵심 실습 부분입니다.

[강의에 수록된 Real 웹앱]
"앱으로 하는 역사공부" 미리보기 👀

                               

🙌 여기서 다루는 툴

JS피들(JSFiddle)
• 웹 프론트엔드 관련 기술 코드(협업형 HTML, CSS, 자바스크립트 코드 스니펫)를 작성하고 테스트해보기 위한 온라인 서비스입니다.

비주얼 스튜디오 코드(Visual Studio Code)
• 마이크로소프트에서 개발한 Git 제어, 구문 강조 기능 등이 포함된  소스 코드 에디터/디버거입니다.

🙋🏻‍♂️ 강의 Q&A

Q. 비전공자도 들을 수 있나요?
A. 네, 들을 수 있습니다. 개발에 대한 열의만 있으면 누구라도 들을 수 있습니다. 저 또한 비전공자 입니다.

Q. 왜 Vue.js를 배워야 하나요?
A. 지금도 그렇지만, 앞으로의 웹개발은 PWA(Progressive Web App, 강의에서 자세히 설명합니다.) 형태로 개발이 이뤄질 것입니다. Vue.js는 일반적인 웹 화면외에도 이 PWA 를 개발하기에 매우 용이한 프레임웍입니다. Vue.js를 통해, 한번의 개발로 웹과 모바일 모두를 충족할 수 있는 웹앱을 만들 수 있습니다.

Q. Vue.js를 배우면 어떤 일을 할 수 있나요?
A. Vue.js를 배우면 여러분은 프론트엔드 개발자가 될 수 있으며, 진보적인 웹페이지 개발 및 웹앱 개발을 할 수 있습니다.

도움 되는 분들

  • 프로젝트, 진로, 취업에 도움이 됩니다.
  • Vue.js 입문, 초급 개발자
  • Frontend 개발자가 되는데 도움이 됩니다.
  • Full Stack 개발자
  • Frontend 개발자
  • Javascript 개발에 관심이 있는 분
  • Javascript 개발자
  • 웹 개발자
  • 웹앱 개발에 관심 있는 분
  • 웹 퍼블리셔나 웹 디자이너 분
  • angularjs, angular 을 접해 보신분

선수 지식

  • html

지식공유자 소개

국내 다수의 대기업(삼성, LG, SK, KT등) 에서 10년이상 웹 프로젝트 및 웹 솔루션 개발을 해왔습니다.

프론트앤드-백앤드 개발 및 AA 및 PL 역활을 담당하였습니다.

안드로이드 앱 개발을 통해 다양한 실전 앱(구글 플레이 10만명 이상 다운로드)을

개발 및 운영해 보았습니다.

최근 5년동안에는 Angular.js, Vue.js 와 같은 프론트앤드 개발을 메인으로 진행해왔습니다.

현재는 스타트업 에서 AA 및 웹앱 개발을 담당하고 있습니다.

  • 프로젝트의 생산성을 높이는 방법은 무엇일까요? 어떻게 하면 보다 더 빠르게 좋은 프로젝트를 구현할 수 있을까요?
  • 효율적인 서비스와 개발을 위해서는프론트 엔드와 백엔드 는 어떻게 바인딩 되어야 할까요?

강의를 통해, 프론트 엔드 개발과 백엔드 개발의  실전 가이드라인을 제시하고 싶습니다.

교육과정

모두 펼치기 23 강의 4시간 33분
섹션 0. 강의 목표 및 Real 웹앱 둘러보기 - 앱으로 하는 역사 공부
1 강의 06 : 38
섹션 1. Vue 관련 개념 정리
4 강의 31 : 58
섹션 2. Vue Instance 핵심 이해하기
2 강의 20 : 10
Vue Instance 와 Vue 반응형 이해하기
09 : 36
Vue Lifecycle Hooks 이해하기
10 : 34
섹션 3. Vue 핵심 문법 실습
7 강의 107 : 22
템플릿 문법
17 : 22
클래스와 스타일 바인딩
16 : 43
조건부 렌더링
13 : 56
computed 와 watch
17 : 07
이벤트 핸들링
08 : 54
폼 입력 바인딩
13 : 53
반복문 - 리스트 렌더링
19 : 27
섹션 4. Vue Component 핵심
3 강의 47 : 40
Component Basic
17 : 10
Component II - v-for 와 컴포넌트
19 : 06
Component 심화 - To Do App 다시보기
11 : 24
섹션 5. Vue.js 실전 개발을 위해
6 강의 59 : 39
Vue Router 기본
16 : 42
Vue.js 에서 컴포넌트 템플릿을 정의하는 방법들 I
10 : 52
Vue.js 에서 컴포넌트 템플릿을 정의하는 방법들 II
06 : 25
RestFul Api 실전 예제
09 : 23
axios 이론 및 실습
11 : 05
Vue.js 실전 Example
05 : 12

공개 일자

2020년 4월 14일 (마지막 업데이트 일자 : 2020년 9월 23일)

수강 후기

3.6
8개의 수강평
default_profile.png
지투엘지 4달 전
전체적으로 뷰사용에있어 많은 이해가 되었습니다.
배동훈

배동훈 4달 전
좋은 평가 감사합니다. 앞으로 더 좋은 강의를 준비해 보도록 하겠습니다. 그리고, 현재 모바일 환경에 맞게 기존 강의 동영상을 편집하고 있습니다. 진행되는데로 바로 업데이트 진행하겠습니다.

default_profile.png
S W 3달 전
뷰를 공부하는데 있어, 혼자 공부하는 것보다, 빠르게 기초를 다질 수 있어 좋은 것 같습니다.
default_profile.png
유니TV [UNee TV] 3달 전
이해가 너무 잘되고 Vue관련 창도 모두 잘 보여주셔서 이해가 쉬웠어요.
배동훈

배동훈 3달 전
좋은 평가 정말 감사합니다. 완강하시고 메일 주시면 다음 번 심화 강좌 할인 쿠폰도 보내드리겠습니다.

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스