BEST
개발 · 프로그래밍

/

풀스택

React로 NodeBird SNS 만들기

리액트&넥스트&리덕스&리덕스사가&익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

(4.9) 수강평 54개

수강생 911명

Thumbnail

중급자를 위해 준비한
[풀스택, 웹 개발] 강의입니다.

이런 걸
배워요!

  • 리액트 개발

  • 리덕스&리덕스 사가

  • 리액트 Hooks 사용

  • Styled Components

  • Ant Design

  • 서버 사이드 렌더링

  • 검색 엔진 최적화

  • AWS 배포

강좌 리뉴얼 공지

안녕하세요. 오늘(6.2)부터 유튜브에서 리액트 노드버드 리뉴얼 강좌가 시작됩니다.

1달 정도 촬영할 예정이고 7월 초에 새로운 강좌로 인프런에 등록될 예정입니다.

기존 구버전 강좌 구매하신 분들께는 신규 강좌 50% 할인 쿠폰이 지급될 것입니다.

주요한 변경 사항은 next@9, antd@4, next-redux-wrapper@6, node@14 사용입니다.

구버전 강좌에 많은 질문들이 달렸는데 이에 대한 답변들을 강좌에 좀 더 명확하게 반영해드릴 예정입니다.

제로초의 React로 배우는 20시간짜리(어마어마) 풀스택 강좌!

트위터와 비슷한(이라고 쓰고 짝퉁이라 읽는다) 제로초의 시그니처 프로젝트 NodeBird SNS를 만들어보며,

Next.js(SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize(MySQL)를 배웁니다.

검색엔진 최적화와 AWS 배포(간단하게 EC2 + Lambda + S3 + Route53 사용)는 보너스!

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

 제 강좌의 장점은 Q&A입니다. 질문하시면 하루 안에 답변드립니다. 단순히 강좌만 시청하는 것보다는 강좌 관련 내용을 자유롭게 질문하시면서 능동적으로 공부하시면 많은 도움이 됩니다. 강좌 내용에서 설명이 부족하거나 이해가 안 가는 부분이 있다면 언제든지 질문주세요. 다른 분들이 이미 했던 질문을 읽어보시는 것도 도움이 됩니다.

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

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

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

연관된 강좌

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

Vue로도 만들어 볼까요?

Vue로 Nodebird SNS 만들기
Vue로 만드는 풀스택 SNS 강좌!

참고 사항

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 리액트 Hooks나 Next같이 리액트를 응용하고 싶은 분

  • 풀스택 개발에 관심있는 분

  • 프론트엔드 개발자 지망생

선수 지식,
필요할까요?

  • HTML, CSS 지식

  • 자바스크립트 최신 문법 지식

  • 제로초의 리액트 무료 강좌 시청

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

https://www.zerocho.com/lecture

제로초 강의 전체 로드맵

 

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

커리큘럼

전체

111개 ∙ (23시간 39분)

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!