Javascript 초보 Real 웹앱 개발 - 1부: Vue 개념~초급

[공지] 1. 강의 녹화에 대한 음질, 편집 등 기술적으로 부족한 부분이 많습니다. 내용면에서도 첫 강의라 부족한 부분들이 있습니다.

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

2부부터 진행되는 실제 웹앱 개발을 위해 입문자 분들에게 필요한, 기본 기초 강좌입니다.

Vue.js 에 대한 기본지식 있으시거나, 이미 공부가 되어 있으시다면 굳이 수강하지 않으셔도 되겠습니다.

감사합니다.

강사 블로그 강의 미리보기 ->  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를 배우면 여러분은 프론트엔드 개발자가 될 수 있으며, 진보적인 웹페이지 개발 및 웹앱 개발을 할 수 있습니다.