Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

프론트엔드

Vue로 Nodebird SNS 만들기

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

(4.8) 수강평 49개

수강생 637명

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • Vue

  • Nuxt

  • Vuex

  • Vuetify

  • Vue Router

  • SSR + SEO

  • Node.js + MySQL

  • AWS 배포

제로초의 Vue로 만드는
풀스택 SNS 강좌!

트위터와 비슷한(이라고 쓰고 짝퉁이라 읽는다) 제로초의 시그니처 프로젝트 NodeBird SNS를 만들어보며, Vue + Vuex + Nuxt.js(SSR) + Vuetify + Node + Express + Sequelize(MySQL)를 배웁니다.
검색엔진 최적화와 AWS 배포(간단하게 EC2 + Lambda + S3 + Route53 사용)는 보너스!

실습을 통해 직접 만들며
배워볼 수 있어요!

로그인, 게시글 작성, 이미지 업로드, 좋아요, 댓글, 리트윗

인피니트 스크롤링, 팔로우, 언팔로우

해시태그 검색, 유저 프로필


#1
소스 코드를
제공합니다.

https://github.com/zerocho/vue-nodebird (바로가기)

해당 강의의 소스 코드를 모두 제공합니다.

#2
질문에 빠르게
대답해 드립니다.

제 강좌의 장점은 Q&A입니다. 질문하시면 하루 안에 답변드려요.
강좌 관련 내용을 자유롭게 질문하시면서 능동적으로 공부해 보세요.
내용을 이해하기에 더 도움이 될 거예요!


참고 사항

  • 선수 과목: Vue 기초 강의(무료)
  • 프론트를 중점으로 다루고 백엔드는 부가적인 역할을 합니다.

연관 강좌

[리뉴얼] Node.js교과서 - 기본부터 프로젝트 실습까지 
노드에 대한 핵심 개념을 익힌 후,
실전 예제를 통해 실무에 뛰어들 준비를 갖춥니다.
Node.js교과서를 먼저 수강하면 백엔드 이해에 도움이 됩니다.

React로도 만들어 볼까요?

React로 Nodebird SNS 만들기
React로 배우는 20시간짜리(어마어마)
풀스택 강좌!

TypeScript로도 만들어 볼까요?

Node.js에 TypeScript 적용하기(feat. NodeBird)
NodeBird(트위터 따라 만들기) 강좌의 예제를
타입스크립트로 전환해봅니다.
 

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • Vue로 웹사이트를 만들고 싶은 분

  • SSR을 통해 검색엔진최적화를 하고싶은 분

  • 풀스택 강좌를 원하시는 분

선수 지식,
필요할까요?

  • Vue 기본 문법(무료 강좌 시청하기)

안녕하세요
입니다.

65,292

수강생

1,590

수강평

9,690

답변

4.8

강의 평점

22

강의

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

커리큘럼

전체

71개 ∙ (15시간 11분)

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

수강평

전체

49개

4.8

49개의 수강평

  • pedrail380603님의 프로필 이미지
    pedrail380603

    수강평 5

    평균 평점 5.0

    5

    83% 수강 후 작성

    I will leave an honest review. First of all, the disadvantages are that it is very distracting. 1. Chat window 2. Simple typos are fixed later without editing 3. The server is simply not turned on When debugging 2 and 3, I wonder why this error occurred, but it seems to reduce concentration. It was good to fix structural problems or things I missed later, not 2 and 3. Nevertheless, the reason I gave it 5 stars is that it is very closely related to practical work. I took 7~8 lectures on React and Vue at Inflearn. Among them, there were lectures where the organization and editing were good, but what should I do now? There were lectures where I couldn't create the business model I wanted with just the content I learned, and there were lectures where I understood the front end enough to create it, but what about the back end? Of course, since I had already watched other lectures, I had no difficulty understanding them, and now I have a clear idea of how to proceed with which service. If you need to start working right away, I recommend this lecture! It may not be friendly, but I think it will be possible to put it into practice if you follow along and understand.

    • ssasun941205님의 프로필 이미지
      ssasun941205

      수강평 1

      평균 평점 5.0

      5

      100% 수강 후 작성

      After working in a small business for 2 years doing hardware, embedded, web, apps, and everything, I felt like I was becoming a person who was neither here nor there, so my confidence was at rock bottom. But after quitting my job, I happened to start watching Hyunyoung Cho's free lectures and ended up here. I gained confidence again while making this project. Thank you! The lecture content was good because it quickly went over the parts that could be confirmed in the official documents and explained the parts that were really necessary. I think it was better to find the parts that I needed and figure them out myself rather than listening to lectures. That's also something that developers absolutely need. I hope you work hard and become a developer like Hyunyoung Cho! * I succeeded in getting a 67% salary increase in just over a year after joining as a mid-level new employee. Thank you! 2022-05-01

      • ssasun941205

        I was able to get a job, thank you so much~~~

    • juwon76님의 프로필 이미지
      juwon76

      수강평 27

      평균 평점 4.8

      4

      100% 수강 후 작성

      I came all the way to Wan Gang without thinking. I think I'll understand it properly after watching it a few more times, but I listened to the good lecture. Thank you.

      • mannahoffnung2395님의 프로필 이미지
        mannahoffnung2395

        수강평 2

        평균 평점 5.0

        5

        52% 수강 후 작성

        It's really great! Most of what I learned here can be applied in practice, so it was really helpful. Thank you for the great lecture! I hope you'll continue to give great lectures~ I'm personally looking forward to the graphql lecture!

        • dfsdfsdfffwefwefew님의 프로필 이미지
          dfsdfsdfffwefwefew

          수강평 2

          평균 평점 5.0

          5

          31% 수강 후 작성

          ₩66,000

          제로초(조현영)님의 다른 강의

          지식공유자님의 다른 강의를 만나보세요!

          비슷한 강의

          같은 분야의 다른 강의를 만나보세요!