BEST

개발 · 프로그래밍

풀스택

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

Name: 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Price: 23100 KRW

이 강의를 통해서 쇼핑몰 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

(4.8) 수강평 154개

수강생 3,129명

John Ahn

React Redux Node.js 웹앱 MongoDB

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

이런 걸 배울 수 있어요

리액트
노드
몽고 DB
리덕스
Express JS

노드 + 리액트 개발, 한단계 레벨 업!
쇼핑몰 웹사이트를 직접 만들어보세요.

John Ahn

안녕하세요.
이 강의가 오래되다 보니
새롭게 강의를 리뉴얼할 예정입니다.
그래서 만약 현재 이 강의를 들으시려면
따라 하실 때 에러가 많이 나게 됩니다.
만약 수강하게 된 다면 참고해주시면 감사하겠습니다.
(2022년 12월 13일)

안녕하세요 ^ ^
이 강의에서는 처음부터 기능 하나하나,
한페이지 한페이지씩 직접 쇼핑몰 웹사이트를 만들어 봅니다.

이 강의는 노드 + 리액트 기본 선수지식이 필요한 강의이므로,
노드 + 리액트를 학습하지 않으신 분들은 다음 강의를 먼저 학습해주세요!

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
실제 웹앱을 만들기 위한 노드 + 리액트 기초 개념 학습

💡 강의 특징

쇼핑몰 사이트의 핵심 기능들을 최대한 많이 넣으려고 노력했으며,
만드는 과정에서 어려운 로직들이 많이 들어가기에
설명을 하는 가운데 이해가 잘 되실 수 있도록 도표를 이용하며,
왜 이 부분이 이렇게 되는지 실제로 보여드리면서 강의가 진행되도록 노력하며 만들었습니다.

🧰 여기서 다루는 툴

Visual Studio Code를 사용하지만 자신이 원하는 Editor를 사용해도 됩니다.
MAC을 사용하지만 윈도우에서도 가능합니다.

🙋🏻‍♂️ Q&A

Q. 비전공자도 들을 수 있나요?
A. 넵! 전공자, 비전공자 상관없이 들을 수 있는 강의입니다.

Q. 왜 노드, 리액트 등을 배워야 하나요?

2019년 Stackoverflow survey 결과를 가져와 봤습니다.
보시다시피 리액트와 노드의 인기는 해가 지나갈수록 점점 높아지고 있기 때문에
배워 두신다면 자신의 커리어 향상에 많은 도움을 줄 수 있습니다.

Q. 노드, 리액트를 배우면 어떤 일을 할 수 있나요?
웹 개발자, 서버 개발자, 프론트엔드 개발자로서 일을 할 수 있습니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

노드, 리액트 시리즈 기본 강의를 들으신 분
많은 기능이 있는 쇼핑몰 사이트를 직접 만들어 보고 싶으신 분

선수 지식,
필요할까요?

Javascript
Node JS
React JS

안녕하세요
John Ahn입니다.

82,576

명

수강생

2,609

개

수강평

2,428

개

답변

4.8

점

강의 평점

개

강의

안녕하세요.

즐겁게 개발하고 있는 개발자입니다.

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.

- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

커리큘럼

전체

66개 ∙ (12시간 37분)

해당 강의에서 제공:

수업자료

섹션 1. 강의 자료

2개

소스 코드 자료
도표 강의 자료

섹션 2. 프론트엔드 기본 구조 생성하기

11개 ∙ (1시간 28분)

강의 소개
03:54
Vite을 이용한 리액트 생성하기
12:56
Vite ESlint 설정하기
04:59
TailWindCSS에 대해서
08:02
TailwindCSS 를 앱에 적용하기
03:56
React Router Dom
08:21
React Router Dom APIs
08:47
React Router Dom 적용하기
08:09
CSS 전체 구조 & React Icons
09:22
리덕스 사용을 위해 준비하기
06:51
Redux-Persist
13:20

섹션 3. 백엔드 기본 구조 생성하기

8개 ∙ (49분)

백엔드 기본 구조 생성하기
12:53
express.static()
06:44
CORS
02:51
Express.json()
02:39
MongoDB 사용하기
07:21
Mongoose에 대해서
07:18
Model 및 Schema 생성하기
03:59
Express에서 에러 처리하기
06:07

섹션 4. 로그인 기능 구현하기

17개 ∙ (2시간 50분)

섹션 5. 상품 생성, 메인 페이지 생성하기

11개 ∙ (2시간 56분)

섹션 6. 상품 디테일 페이지

8개 ∙ (2시간 19분)

섹션 7. [참조] 리덕스

9개 ∙ (2시간 11분)

강의 게시일: 2020. 04. 21.

마지막 업데이트일: 2024. 09. 13.

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!