vue.js 실전 프로젝트(트위터 클론) 대시보드

vue.js + firebase + tailwindcss 를 통해 실전 프로젝트를 만들어보세요. 이 강의를 수강하신다면 어떤 사이트든 만들 수 있습니다.

vue 3 + tailwind css + firebase를 이용하여
트위터를 직접 따라만들어 보세요! 💪

✔️ 강의 소개

언제까지 입문서만 읽고, TODO list 만들기 강의만 들으실 건가요? 기본이 중요하지 않다는 말이 아닙니다. 개발분야는 끝없이 새로운 기술이 나오고 매번 새로운 기술을 익히는데 많은 시간과 노력을 들여야 됩니다. 거기에 따른 가장 효율적인 학습 방법을 찾아야 뒤쳐지지 않을 수 있습니다. 그런 점에서 가장 효율적인 학습법은 클론 코딩입니다. 기본 문법을 이해하고, 데이터 베이스와 연결하고, 화면에 뿌리는 것은 누구나 강의를 듣고 책을 읽으면 어렵지 않게 하실 수 있습니다. 하지만, 실제 프로그래밍에서는 강의에서 보지 못했던 수많은 자질구레한 문제들을 마주치게 됩니다. 저랑 같이 하는 클론코딩에서 "왜 내가 원하는대로 작동하지 않는지?" 고민하고 해결해나가는 수백 수천번의 경험을 통해서 개발에 흥미를 조금 더 느끼셨으면 합니다.

✔️ 이 강의만의 특별한 점

• 제가 학습자였을때 가장 무기력한 순간은 강의자의 막힘 없는 코딩, 이미 머리속에 다 들어있고 키보드로 쳐내기만 하면 되는 것 같았던 순간이었습니다. 저는 여러분들과 함께 만들어나가는 코딩을 하기 위해 제로베이스(물론, 시간절약을 위해 몇몇 이미지나 칼라셋같은 부분은 미리 준비해두었습니다.) 에서 강의를 촬영했습니다.
• 전체 소스 코드를 지원 합니다. 각 강의 별로 커밋을 해두어서 잠깐 놓친 부분도 문제 없이 따라가실 수 있습니다.
• 365일 24시간 질문에 답변을 드립니다. 강의를 듣다가 막혔는데, 강의자가 해결해 주지 않는다면 그 강의를 완강할 수 없습니다. 얼마나 간절한 순간인지 제가 잘 압니다. 24시간안에 최대한 빨리 답변을 드리겠습니다.

데모 사이트

https://twitter-clone-inflearn-76b0d.web.app/

깃헙 링크

https://github.com/jinsyu/twitter-clone-inflearn

예상 질문 🙋‍♀️🙋‍♂️

Q-1. vue.js 3버전 실제 프로젝트에 바로 투입 가능 한가요? 
A-1. 버전2와 크게 달라진 점은 없습니다. 모든 면에서 버전3로 넘어가지 않을 이유가 없습니다. 굳이 구버전 강의를 들으실 필요는 없겠죠? 이 강의를 들으신다면 vue.js 3 완벽히 익히실 수 있습니다.

Q-2. 강의 난이도는 어느정도 인가요?
A-2. vue.js 와 javascript 기본 문법(비동기 함수), css(flex)에 대해 알고 계신다면 무리 없이 수강 가능하십니다.

Q-3. 왜 하필 클론 프로젝트 만들기 인가요?
A-3. 비전공자로서 수년간의 공부한 경험에 비추어보면, 클론 프로젝트를 만들어 보았을 때 가장 큰 실력 향상을 얻었습니다. 정해진 프로젝트를 처음부터 끝까지 만들어 보면서, 여러 문제상황들에 좌절하기도 하지만 직접 내 손으로 해결해내고 마침내 완성시켰을 때의 성취감은 엄청 납니다. 기본 문법서를 보신다면 최대한 얇은 걸로, 기본 문법 강의를 들으신다면 최대한 짧은 강의를 들으시고 실전 프로젝트를 만들어 보시는걸 적극 추천드립니다.

Q-4. 프로그래밍 입문자 입니다. 여러 프로그래밍 언어, 프레임 워크들 중에서 vue.js, firebase, tailwind css를 이용하신 이유가 있나요?
A-4. 위 3가지 프레임 워크를 이용하신다면 만들지 못할 것이 없습니다. 강력하면서도 가장 쉬운 방법입니다. 잘 모르시겠다면 저만 믿고 따라오시면 됩니다.