인프런 업데이트 소식 🔨👷🏼‍♂️
Vue로 Nodebird SNS 만들기

Vue로 Nodebird SNS 만들기

(0개의 수강평)

36명의 수강생

66,000원

평생
중급
수료증
71회 수업, 총 15시간 16분
위시리스트 추가

이런 걸 배울 수 있어요

  • Vue
  • Nuxt
  • Vuex
  • 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월 14일)

수강 후기

첫 수강평의
주인공이 되어주세요! ✏️