채널톡 아이콘
개발 · 프로그래밍

/

풀스택

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

이 강의를 통해 리액트와 노드등의 개념만이 아닌, 실질적으로 어떻게 웹 사이트를 만드는지를 배울 수 있습니다.

(4.9) 수강평 234개

수강생 10,825명

ReactNode.js웹앱MongoDBExpress
Thumbnail

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

이런 걸 배울 수 있어요

  • 리액트

  • 노드

  • 몽고 DB

  • Express JS

리액트와 노드를 이용해 클론 웹사이트를 만들어보세요!

📝 강의 소개

안녕하세요 ^ ^ 
유튜브 클론에 이어서
영화 사이트 클론 강의를 만들게 되었습니다.

이 강의에서는 The Movie DB 라는 곳에서 제공하는 API를 이용하여 웹 사이트를 만들게 됩니다.
그래서  외부에서 제공하는 API를 어떻게 이용하여 사용하는지를 
실질적으로 같이 해보면서 배울 수 있습니다.

이 강의를 통해서도 많은 분들이 리액트와 노드를 이용하여 
더 쉽게 웹사이트를 만드는 법을 익힐수 있었으면 좋겠습니다. ^ ^

💡 강의 특징

처음 Boiler-plate 강의를 통해 기본적인 개념을 잡아가며 
실제 강의에 들어가서 실질적으로 하나 하나 같이 만들어 가면서 배울 수 있습니다.

🧰 여기서 다루는 툴

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

John Ahn

🙋🏻‍♂️ QnA

| 

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

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

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

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 리액트를 잘 사용하고 싶은 사람

  • 노드를 잘 사용하고 싶은 사람

선수 지식,
필요할까요?

  • Javascript

안녕하세요
John Ahn입니다.

81,928

명

수강생

2,586

개

수강평

2,428

개

답변

4.8

점

강의 평점

20

개

강의

안녕하세요. 

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

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


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

더보기

커리큘럼

전체

17개 ∙ (2시간 37분)

해당 강의에서 제공:

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

수강평

전체

234개

4.9

234개의 수강평

John Ahn님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

따라하며 배우는 리액트 네이티브 기초강의 썸네일

따라하며 배우는 리액트 네이티브 기초

John Ahn

₩30,800

초급 / React Native, React, expo

4.7

(18)

600+

이 강의를 통해서 리액트 네이티브를 이용해서 애플리케이션 개발을 할 수 있습니다.

초급

초급

React Native, React, expo

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]강의 썸네일

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

John Ahn

₩44,000

초급 / React, Firebase, 웹앱

4.7

(42)

1,000+

이 강의를 통해서 리액트와 파이어베이스를 이용해서 채팅 어플리케이션을 만들수 있습니다.

초급

초급

React, Firebase, 웹앱

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]강의 썸네일

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

John Ahn

₩49,500

초급 / GitHub, AWS, Docker, CI/CD, Travis CI, 데이터 엔지니어링

4.8

(353)

5,800+

이 강의를 통해 도커에 대해서 배울 수 있으며, CI 환경을 구성할 수 있습니다.

초급

초급

GitHub, AWS, Docker

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

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

John Ahn

₩33,000

중급이상 / React, Redux, Node.js, 웹앱, MongoDB

4.8

(153)

3,100+

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

중급이상

중급이상

React, Redux, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기

John Ahn

무료

초급 / React, Node.js

4.8

(90)

7,800+

이 강의를 통해서 Google에서 제공하는 API를 사용해서 챗봇을 만들어 볼 수 있습니다.

초급

초급

React, Node.js

따라하며 배우는 타입스크립트 A-Z강의 썸네일

따라하며 배우는 타입스크립트 A-Z

John Ahn

₩49,500

초급 / TypeScript, JavaScript

5.0

(5)

300+

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.

초급

초급

TypeScript, JavaScript

따라하며 배우는 자바스크립트 A-Z강의 썸네일

따라하며 배우는 자바스크립트 A-Z

John Ahn

₩55,000

입문 / JavaScript

4.8

(14)

600+

웹 개발의 기초가 되는 자바스크립트의 기초부터 중급까지 배울 수 있습니다.

입문

입문

JavaScript

따라하며 배우는 HTML, CSS강의 썸네일

따라하며 배우는 HTML, CSS

John Ahn

₩49,500

입문 / HTML/CSS

4.9

(31)

700+

이 강의를 통해서 HTML, CSS 기본을 다질 수 있습니다.

입문

입문

HTML/CSS

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

₩44,000

초급 / 클론코딩, Node.js, React, Next.js, TypeScript, Docker, PostgreSQL

4.2

(17)

900+

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

초급

초급

클론코딩, Node.js, React

따라하며 배우는 웹 게임강의 썸네일

따라하며 배우는 웹 게임

John Ahn

₩60,500

중급이상 / React

4.2

(6)

100+

이 강의를 통해서 웹 게임을 어떻게 개발해야 하는지 알 수 있습니다.

중급이상

중급이상

React

따라하며 배우는 리액트 A-Z[19버전 반영]강의 썸네일

따라하며 배우는 리액트 A-Z[19버전 반영]

John Ahn

₩55,000

초급 / React, Next.js, TypeScript, TDD, Redux, 소프트웨어 테스트

4.7

(80)

2,800+
Update
Update

이 강의를 통해 리액트 기초부터 중급까지 배우게 됩니다. 하나의 강의로 개념도 익히고 실습도 하며, 리액트를 위해 필요한 대부분의 지식을 한번에 습득할 수 있도록 만들었습니다.

초급

초급

React, Next.js, TypeScript

따라하며 배우는 리액트 테스트 [2023.11 업데이트]강의 썸네일

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

John Ahn

₩49,500

초급 / React, React Context, 웹앱, Jest, 소프트웨어 테스트

4.6

(54)

1,500+

이 강의를 통해 리액트 애플리케이션을 테스트하는 법을 배우게 됩니다.

초급

초급

React, React Context, 웹앱

따라하며 배우는 NestJS강의 썸네일

따라하며 배우는 NestJS

John Ahn

무료

초급 / NestJS, PostgreSQL, TypeORM, JWT

5.0

(287)

7,800+

이 강의를 통해 NestJS에 대해서 배울 수 있습니다.

초급

초급

NestJS, PostgreSQL, TypeORM

따라하며 배우는 TDD 개발 [2023.11 업데이트]강의 썸네일

따라하며 배우는 TDD 개발 [2023.11 업데이트]

John Ahn

₩44,000

초급 / TDD, Node.js, Express, MongoDB, Jest, SuperTest, Mongoose, 소프트웨어 테스트

4.8

(71)

1,100+

이 강의를 통해서 테스트 주도 개발(TDD)을 이용하여 Node.js 어플리케이션을 만들어 봅니다.

초급

초급

TDD, Node.js, Express

따라하며 배우는 데노(DENO) - 기본 강의강의 썸네일

따라하며 배우는 데노(DENO) - 기본 강의

John Ahn

무료

초급 / Deno

4.9

(28)

1,300+

출시 전부터 많은 관심을 받았던 데노가 드디어 나왔습니다. 이 강의에서 데노가 노드와 어떻게 다르며 어떻게 데노를 다루는지를 배울 수 있습니다.

초급

초급

Deno

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

John Ahn

무료

초급 / React, Node.js

4.8

(884)

22,800+

이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다.

초급

초급

React, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

John Ahn

무료

초급 / React, Redux, Node.js, MongoDB

4.9

(219)

11,900+

이 강의를 통해 리액트와 노드의 개념을 익히는 것뿐만이 아닌 실질적으로 어떻게 웹사이트를 만들 수 있는지를 배울 수 있습니다.

초급

초급

React, Redux, Node.js

무료