Vue.js の始め方 - Age of Vue.js
captain
Vue.jsでWebを簡単に開発できるように、基本的な概念と重要な機能について学び、実装します。 講座を聞いたら、Vue.jsでフロントエンドの開発をするのが面白いです。
초급
JavaScript, Vue.js
BEST
Vue.js 끝장내기 - 실무에 필요한 모든 것
Vue.js로 실무 하시는 분들께 필요한 모든 것을 담았습니다. 실제 백엔드 API로 구현하는 학습 노트 CRUD 애플리케이션. 생산성 높은 프로젝트 환경 구축과 백엔드 개발자와 협업하는 방법에 대한 메시지를 꼭 확인해보세요 :)
먼저 경험한 수강생들의 후기
이런 걸 배울 수 있어요
프론트엔드 개발
화면 UI 개발
Vue.js 실무
Vue.js 실무 환경 구성
Vue.js 개발
백엔드 API 문서 읽는 방법
전 세계 박스 오피스 1위인 어벤져스의 엔드게임처럼,
Vue.js FE 개발교육의 엔드게임을 목표로 합니다 🚩
Vue.js 학습의
마지막 강좌 🌌
생산성을 높여주는 Vue.js 프로젝트 환경 구성부터
실제 API를 이용하여 백엔드 개발자와 협업하는 방법에 대해서 모두 담았습니다.
학습 노트 웹 애플리케이션을 구현하면서 프로젝트를 진행할 때
알고 있으면 좋은 팁들을 모두 확인해보세요 😄
내용 미리 보기 🗒
1번
- 실무 환경에서 개발 생산성을 극대화하는 프로젝트 환경 구성
2번
- 백엔드 개발자와 소통하는 방법과 REST API 문서 보는 방법
3번
- REST API와 데이터베이스를 이용한 CRUD 애플리케이션 개발
4번
- axios를 이용한 JSON 웹 토큰 인증 처리와 고급 API 함수 패턴
5번
- 라우터를 이용한 페이지 권한 처리 및 인증 처리
6번
- 프론트엔드 테스팅 방법
미리하는 Q&A 🙋🏻♂️
Q. 이전 Vue.js 강좌들을 듣지 않고도 수강 가능한가요?
Vue.js 이전 강좌를 수강하지 않은 분들께는 적합하지 않은 강좌입니다. 이론 설명보다는 구현 중심의 강의가 진행되니 꼭 이전 강좌들을 수강하신 후에 이 강의를 듣는 걸 추천드립니다.
Q. 강의 수강 후 정말 실무에서 프론트엔드 개발자로 일할 수 있을까요?
이번 강의는 실무를 시작할 때 백엔드 개발자와 어떤 식으로 협업하고 어떻게 API 문서를 읽어야하는지에 대해서도 중점적으로 다루고 있습니다. 현대 웹 서비스 개발 절차와 함께 프론트엔드 개발자가 해야하는 역할들도 소개하니 실무를 시작하실 때 큰 도움이 되실 거예요.
Q. Vue.js 새 메이저 버전이 곧 나온다던데, 지금 배우는 것보다 기다렸다가 배우는게 낫지 않을까요?
Vue.js 새 버전은 기존의 구조에서 코드를 더 편하게 재사용할 수 있는 방향으로 진화될 예정입니다. 새 버전이 나온다고 해서 지금 배운 내용을 쓸 수 없는 게 아니라, 지금 배운 내용에 더 새로운 방법들을 추가하여 코드를 개선할 수 있게 됩니다. 뿐만 아니라 강의에서 배우는 프로젝트 환경 구성, API 함수 구조화, 프론트엔드 테스팅 등은 심지어 다른 프레임워크를 쓸 때에도 적용하실 수 있어요.
Q. 강의 교안이 있나요?
네, 학습하시면서 아래 사이트도 함께 참고해보세요.
Cracking Vue.js 사이트 바로 가기
연관 로드맵 🚎
Vue.js와 TypeScript로 정복하는 프론트엔드 개발
캡틴판교님의 뷰 + 타입스크립트로 한 번에
배우는 강의들로 구성된 로드맵입니다.이 강의 포함
지식공유자 소개 👨🏫
장기효 (캡틴판교)
- 현 프론트엔드 개발자
- "Do it! Vue.js 입문" , "쉽게 시작하는 타입스크립트" 저자
- 네이버, 이베이코리아, 삼성, LG, SK그룹 등 Vue.js 강의
- 패스트캠퍼스 Vue.js 정복캠프 강의
- Google 웹 기술 공식 사이트 번역자
- 기술 블로그, Github
“강의 수익으로 Vue.js 오픈소스 +
생활코딩을 후원합니다 😁”
이런 분들께
추천드려요
학습 대상은
누구일까요?
프론트엔드 개발자
퍼블리셔
백엔드 개발자
대학생
Vue.js 실무 개발자
선수 지식,
필요할까요?
HTML
CSS
Javascript
48,344
명
수강생
4,711
개
수강평
3,814
개
답변
4.9
점
강의 평점
19
개
강의
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
커리큘럼
전체
133개 ∙ (8시간 22분)
1. 제작할 애플리케이션 소개
03:08
4. 개발 환경 소개
01:57
6. API 서버 프로젝트 구성
03:22
10. API 서버 실행 및 확인
03:35
11. 데이터 베이스 연결 안내
01:17
16. Vue CLI로 프로젝트 생성
05:41
19. ESLint 설정 파일 안내
04:50
26. 파일을 절대 경로로 찾기 설정
05:54
강의 게시일:
마지막 업데이트일:
수강평
전체
344개
4.8
344개의 수강평
jij52470058수강평 1
∙
평균 평점 5.0
- erion
수강평 8
∙
평균 평점 5.0
5
100% 수강 후 작성vue.jsを勉強するための非常に良い講義です。 実際のコードをgitを通じて各ブランチごとに提供しているので、参考にしながら直接コーディングをするのに大きな強みがあります。もちろん、講義の水準で、以前の講義を聞いたことがあるなら、もう一度申し上げる必要なく完璧だと言えます。ただし、初めてvuejsに触れる方は、この講義を聞く前に少なくとも「quot;vuejs完璧ガイド」を理解しなければ困難はありません。 この講義を完了した後、2つの残念が残ります。1つはテストに関するもので、もう1つはバックエンドについてです。テストは著者が2020年上半期の講義を約束されたので、その時の物足りなさが解消されることを期待します。 vuejsと連携するバックエンドについての疑問がたくさんあります。 良い講義を企画していただきありがとうございます。
- jackim971206
수강평 42
∙
평균 평점 4.8
3
100% 수강 후 작성講師さん、お疲れ様でした。苦労しました。これからも良い川のたくさんお願いします。一つの物足りなさは会社員も負担になる価格なのに…学生たちはもっと負担を感じる価格のようです。今後、価格設定の際に学生たちに気をつけてください。講義はよく聞きました。ありがとうございます。
- captain지식공유자
こんにちはjackim97さん、ありがとうございました。受講評を残してくれてすでに6ヶ月が過ぎましたね。残してくれた受講評報告学生割引について悩みをたくさんしました。インフラで学生割引が提供される前に、私が最初に何かアクションを取ってほしいと思いました。収入のない学生は、低価格で聞くために学生割引クーポン発行ページを開発しました。もし学生なら、下記クーポンで発行して以後講義も楽しく聞いていただければと思います。周辺の方々にも多くの広報をお願いいたします。受講していただきありがとうございます:) https://inflearn-discount.netlify.com/
- jjshh90950509
수강평 3
∙
평균 평점 5.0
5
100% 수강 후 작성CRUDしてみて全体的に煮込んでいてもディテールに教えてくれた部分で助けがとても多くなったようです。 jestに関しても初めて身につけてよかったです。今まで学んだように、個人プロジェクトの作業を通じてよく仕上げてみたいと思います。良いコースをありがとう！
- captain지식공유자
こんにちはセフン様、役に立った部分について詳しく書いてくれてありがとうございます :) 個人プロジェクトするときに授業内容をたくさん参考して楽しく開発できればいいですね。フォローアップ講義にも関心をお寄せいただきありがとうございます:)
- zungssam9813
수강평 2
∙
평균 평점 5.0
지식공유자의 깜짝할인 중
₩9,883
24%
₩110,000
![[コードキャンプ]スタートはフリーキャンプ강의 썸네일](https://cdn.inflearn.com/public/courses/329913/cover/eee923cc-911b-4c2d-a445-9fddee8e5992/thumbnail-precamp.png?f=avif&w=420)
![フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]강의 썸네일](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
