React로 NodeBird SNS 만들기
리액트&넥스트&리덕스&리덕스사가&익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.
중급자를 위해 준비한
[풀스택, 웹 개발] 강의입니다.
이런 걸
배워요!
리액트 개발
리덕스&리덕스 사가
리액트 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입니다. 질문하시면 하루 안에 답변드립니다. 단순히 강좌만 시청하는 것보다는 강좌 관련 내용을 자유롭게 질문하시면서 능동적으로 공부하시면 많은 도움이 됩니다. 강좌 내용에서 설명이 부족하거나 이해가 안 가는 부분이 있다면 언제든지 질문주세요. 다른 분들이 이미 했던 질문을 읽어보시는 것도 도움이 됩니다.
로그인, 게시글 작성, 이미지 업로드, 좋아요, 댓글, 리트윗
인피니트 스크롤링, 팔로우, 언팔로우
해시태그 검색, 유저 프로필
연관된 강좌
노드에 대한 핵심 개념을 익힌 후, 실전 예제를 통해 실무에 뛰어들 준비를 갖춥니다.
Vue로도 만들어 볼까요?
Vue로 만드는 풀스택 SNS 강좌!
참고 사항
- 선수 과목: 리액트 무료 강좌
-
프론트를 중점으로 다루고 백엔드는 부가적인 역할을 합니다. (노드교과서 코드와 비슷하게 갑니다.)
-
운영중인 사이트: nodebird.com
이런 분들께
추천드려요!
학습 대상은
누구일까요?
리액트 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분)
1-1. 프로젝트 구조와 배우는 것들
11:34
1-3. next 라우팅 시스템
12:10
1-4. ant design 적용하기
13:12
1-5. 기본 페이지들 만들기
07:42
1-6. 회원가입 폼 만들기
11:50
2-2. prop-types
13:18
2-3. antd 그리드 시스템
13:00
2-4. 커스텀 훅 재사용하기
12:17
2-5. 메인 화면 만들기
11:47
2-6. 프로필 화면 만들기
07:53
2-7. 컴포넌트 분리하기
14:11
3-1. redux 주요 개념 소개
09:20
3-2. 첫 리듀서 만들기
13:16
마지막 업데이트일: 2019년 06월 06일