Vue로 Nodebird SNS 만들기

Vue로 Nodebird SNS 만들기

(3개의 수강평)

66명의 수강생
56,100원 66,000원
(15% 할인, 12일 남음)
지식공유자 · 조현영
71회 수업 · 총 15시간 16분 수업
평생 무제한 시청
수료증 발급 강좌
수강 난이도 '중급'

이런 걸 배울 수 있어요

  • 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 사용)는 보너스!

(이 강좌는 시리즈이며 추후 TS, GraphQL등을 사용한 다른 버전의 NodeBird도 제작됩니다.)

 

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

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

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

연관된 강좌

Node.js교과서 - 기본부터 프로젝트 실습까지 
노드에 대한 핵심 개념을 익힌 후,
실전 예제를 통해 실무에 뛰어들 준비를 갖춥니다.

React로도 만들어 볼까요? :)

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

참고 사항

수강 대상

  • Vue로 웹사이트를 만들고 싶은 분
  • SSR을 통해 검색엔진최적화를 하고싶은 분
  • 풀스택 강좌를 원하시는 분

선수 지식

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

지식공유자 소개

– Node.js교과서 저자 
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroChoTV로 방송중 
– 스타트업 CTO

교육과정

모두 펼치기 71 강의 15시간 16분
섹션 0. Nuxt와 Vuetify 도입하기
9 강의 114 : 50
1-1. 강좌 필수 안내 사항
09 : 10
1-2. nuxt 설치하고 pages 만들기
15 : 10
1-3. nuxt router와 layout, head
16 : 12
1-4. nuxt를 vuetify와 연결하기
11 : 30
1-5. vuetify 레이아웃과 아이콘
10 : 14
1-6. vuetify 그리드 시스템
08 : 36
1-7. 기본 페이지 화면 만들기
16 : 17
1-8. 폼 검증하기
15 : 18
1-9. eslint 도입하기
12 : 23
섹션 1. Vuex로 데이터 관리하기
7 강의 87 : 48
2-1. Vuex 모듈 시스템
11 : 53
2-2. Vuex actions
09 : 14
2-3. 로그인/회원가입 더미 데이터
14 : 32
2-4. 게시글 작성 폼 만들기
16 : 49
2-5. 게시글 작성/삭제 더미 데이터
13 : 37
2-6. 댓글 작성 더미 데이터
14 : 43
2-7. 닉네임 수정 더미 데이터
07 : 00
섹션 2. 프론트엔드 기술들
9 강의 117 : 12
3-1. 팔로우/팔로잉 더미 데이터
14 : 42
3-2. 라우팅 미들웨어
09 : 31
3-3. 동적 라우팅
15 : 06
3-4. 인피니트 스크롤링 준비하기
11 : 24
3-5. fetch와 인피니트 스크롤링 구현
17 : 35
3-6. virtualized list 이해하기
05 : 27
3-7. 더보기 구현하기
17 : 46
3-8. 기타 라우트 구현하기
11 : 01
3-9. Q&A
14 : 40
섹션 3. 백엔드 만들기
17 강의 230 : 23
4-1. 백엔드 코딩 준비하기
12 : 59
4-2. 백엔드 기본 개념 이해하기
14 : 39
4-3. 시퀄라이즈 도입하기
07 : 03
4-4. 서버로 데이터 보내기
17 : 43
4-5. 시퀄라이즈 모델과 회원가입
16 : 03
4-6. cors와 bcrypt
10 : 35
4-7. 모델 수정과 응답 종류
09 : 13
4-8. 로그인 개념 이해하기
16 : 37
4-9. passport 세팅하기
18 : 43
4-10. 프론트와 회원가입, 로그인 연동하기
15 : 26
4-11. 로그아웃과 라우터 분리
10 : 52
4-12. 1대다 관계 알아보기
10 : 18
4-13. 다대다 관계 알아보기
13 : 21
4-14. 미들웨어와 exports
11 : 05
4-15. 이미지 업로드와 FormData
10 : 48
4-16. multer 사용하기
18 : 01
4-17. 게시글 업로드
16 : 57
섹션 4. 기능 구현해나가기
17 강의 213 : 43
5-1. 댓글 등록 및 조회하기
11 : 36
5-2. 게시글 불러오기
16 : 16
5-3. 게시글 삭제와 유저 정보 조회하기
11 : 38
5-4. 이미지 저장하기
12 : 08
5-5. 이미지 캐루셀
09 : 59
5-6. 서버사이드에서 데이터 가져오기
10 : 36
5-7. 같은 테이블에서의 관계 이해하기
12 : 39
5-8. 리트윗, 좋아요, 좋아요 취소 라우터
13 : 24
5-9. 좋아요, 좋아요 취소 화면 구현
15 : 37
5-10. 리트윗 화면 구현하기
07 : 52
5-11. 팔로잉, 언팔로잉 구현하기
17 : 26
5-12. 팔로잉, 팔로워 불러오기
14 : 45
5-13. 팔로잉, 팔로워 끊기
08 : 59
5-14. lastId 방식과 쓰로틀링
11 : 49
5-15. 다른 사람 타임라인 만들기
11 : 59
5-16. 타임라인 디버깅
12 : 40
5-17. 해시태그 검색 결과 만들기
14 : 20
섹션 5. AWS에 배포하기
12 강의 152 : 35
6-1. 개별 포스트 SSR하기
06 : 46
6-2. bundle analyze와 빌드
19 : 37
6-3. meta 태그 SSR
12 : 48
6-4. favicon과 static 폴더
04 : 49
6-5. EC2 생성하고 연결하기
11 : 20
6-6. start script와 고정 아이피
12 : 01
6-7. 백엔드 서버 배포하기
18 : 52
6-8. pm2로 관리하기
07 : 40
6-9. 도메인 연결하기
10 : 26
6-10. S3에 이미지 업로드하기
17 : 13
6-11. 람다 함수 만들기
10 : 50
6-12. 람다 배포하기
20 : 13

공개 일자

2019년 9월 3일 (마지막 업데이트 일자 : 2019년 9월 4일)

수강 후기

4.7
3개의 수강평
김시훈 1달 전
완전 좋습니다! 여기서 배우는 내용 대부분 실무에서 응용할 수 있어서 도움 정말 많이 되었습니다. 좋은 강의 감사합니다! 앞으로도 좋은 강의 부탁드립니다~ 개인적으로 graphql 강의 기대하고 있습니다!
최관영 1달 전
좋은 수강 들었습니다. 덕분에 개발에 대해 살짝? 이해가 되고 뜻깊은 시간이였습니다. 사실 노드 영상도 결제해서 보긴했는데 이번 영상은 버그가 있는체로 몇몇 챕터를 넘어가는 상황이 좀 있다보니, 헷갈리기도 했네요( 물론 이후에 다 해결해주시긴 했지만 ) 감사했습니다. 고맙습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강좌들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스