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

/

프론트엔드

React & Express 를 이용한 웹 어플리케이션 개발하기

Velopert 님이 알려주는 ReactJS 강좌 입니다. 최근 각광받는 Javascript 라이브러리인 React 를 소개하고, 사용법을 알려주는 강좌 입니다.

(4.8) 수강평 142개

수강생 18,256명

React
Thumbnail

초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

이런 걸 배울 수 있어요

  • 전반적인 Web front-end 기술

  • Javascript, React.js, node.js

후반부 텍스트 강좌는 취소되었습니다. 이 강좌에서 다루는 내용이 조금 오래되어 새로운 강의로 리뉴얼되었습니다.

새 강의 보기

1. 강좌 소개

자바스크립트 라이브러리 ReactJS 를 학습하는 react 강좌 입니다. 요즘 들어 HOT 한 페이스북에서 개발한 자바스크립트 라이브러리, React.js 에 대하여 알아보고, 직접 사용을 해보면서 기술을 익힐 수 있는 강좌입니다. React.js 의 기본 개념부터 시작해서, 간단한 예제 프로젝트 몇개를 만들어보고, Node.js, MongoDB를 사용하여 Backend 서버를 만드는 방법도 익히고, 최종적으로는 강좌에서 배운 지식들을 결합하여 간단한 웹 어플리케이션 프로젝트를 완성합니다.

- node.js 를 사용해 본 경험이 있으면 학습하기 수월합니다.
- HTML,CSS,JAVASCRIPT 에 대한 이해도가 있는 분께 적합한 강좌입니다.
- 완강 전 입니다. 매주 한두편씩 연재될 예정입니다.
-  2016년 8월에 Webframeworks.kr 에서 진행하는 React.js 코드랩 세미나를 위해 준비한 자료를 토대로 진행합니다

참고 자료

Links
- http://slides.com/minjunkim-1/deck (강의에서 사용되는 슬라이드)
- https://velopert.com/reactjs-tutorials (React.js 텍스트 강좌 목록)

2. 도움되는 분들

  • 평소 React.js 를 학습하고 싶었던 분
  • 웹 프론트엔드 개발자가 되고 싶은 분
  • HTML,JAVASCRIPT,CSS 에 대한 이해도가 있으신 분

3. 강좌 특징

  • 다루는 기술 : 전반적인 Web front-end 기술, Javascript, React.js, node.js
  • 강좌 수준 : 초급~중급
  • 사전 지식: HTML,CSS,Javascript 에 대한 기본적인 이해가 필요합니다.
  • node.js 를 경험해보신 분이라면 더욱 좋아요.

4. 강사 소개

김민준

트렌디한 IT기술을 지향(하려고 노력)하는 개발자, 김민준입니다. Github이나 블로그에서는 velopert로 활동하고 있습니다. React.js 라이브러리를 매우 좋아하며, 국내에서 이 라이브러리의 인기를 한층 더 높이겠다는 다짐으로 자료를 만들고 있습니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 평소 React.js 를 학습하고 싶었던 분

  • 웹 프론트엔드 개발자가 되고 싶은 분

안녕하세요
velopert(김 민준)입니다.

23,875

명

수강생

513

개

수강평

23

개

답변

4.7

점

강의 평점

2

개

강의

커리큘럼

전체

38개 ∙ (5시간 45분)

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

수강평

전체

142개

4.8

142개의 수강평

  • 세인트

    ∙

    수강평 3

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    좋은강의감사합니다.

    • 우걱다짐

      ∙

      수강평 6

      ∙

      평균 평점 5.0

      5

      100% 수강 후 작성

      이 강좌로 리액트 입문 시작했어요. 지루하지 않게 설명도 최대한 깔끔하게 해주시는 편이고.. 목소리도 여러 후기들 말씀대로 듣기 정말 편하네요 ㅎㅎㅎ 꿀성대 인정합니다!! 짜임새 있는 커리큘럼과 특정 개념을 이해하도록 의도한 예제들이 너무 마음에 듭니다. 아마 이것만 혼자서 반복해도 리액트 실력이 올라갈 것 같네요. 그리고 강사님이 쓰신 "리액트를 다루는 기술" 도서도 샀습니다. 서점 가서 다 비교해보고 샀는데, 100% 풀컬러는 아니지만 그래도 컬러풀한 느낌이 들기도 하고 교재에 예제도 풍부해서 이 강좌 끝나고 교재 보는 것도 좋을 것 같습니다. 감사합니다.

      • Eun

        ∙

        수강평 75

        ∙

        평균 평점 5.0

        5

        100% 수강 후 작성

        무료강의라서 필요한 부분만 골라 보았는데 참고가 잘 되었습니다. 본 강의는 좀 옛날 내용이라서 참고하셔야 할 것 같습니다.

        • bapzul

          ∙

          수강평 2

          ∙

          평균 평점 5.0

          5

          32% 수강 후 작성

          • Yohan Kim

            ∙

            수강평 7

            ∙

            평균 평점 4.4

            4

            100% 수강 후 작성

            velopert(김 민준)님의 다른 강의

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

            누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌강의 썸네일

            누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

            velopert(김 민준)

            ₩16,500

            초급 / JavaScript, React

            4.7

            (371)

            5,600+

            프론트엔드 프레임워크, 리액트(React)를 누구든지 쉽고 재밌게 시작할 수 있도록 만들어진 강의입니다.

            초급

            초급

            JavaScript, React

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!

            손에 익는 Next.js - 마이그레이션하기강의 썸네일

            손에 익는 Next.js - 마이그레이션하기

            하조은

            ₩27,500

            초급 / Next.js, React, vitejs

            4.4

            (5)

            100+

            React에서 Next.js 14로 마이그레이션하며 React와 Next.js의 차이점을 익혀봅니다. Next.js을 보다 깊게 이해하실 수 있어요!

            초급

            초급

            Next.js, React, vitejs

            리액트 훅(React Hook)으로 만드는 웹앱강의 썸네일

            리액트 훅(React Hook)으로 만드는 웹앱

            최광성

            ₩22,000

            초급 / React, 웹앱

            4.0

            (5)

            모던 프론트엔드 프레임워크 중 가장 인기있는 React(리액트), 하지만 배우기가 어렵습니다. 이를 해결하기 위해 훅(Hook)이 나왔습니다. 본 강의는 훅을 이용해 React를 쉽게 배울 수 있도록 도와드립니다.

            초급

            초급

            React, 웹앱

            iOS/Android 앱 개발을 위한 실전 React Native - Basic강의 썸네일

            iOS/Android 앱 개발을 위한 실전 React Native - Basic

            Wintho

            ₩55,000

            초급 / React Native, React, ES6

            4.6

            (115)

            1,800+

            Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

            초급

            초급

            React Native, React, ES6

            파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)강의 썸네일

            파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

            이진석

            ₩220,000

            초급 / Python, Django, React, htmx, Web API

            4.9

            (14)

            600+
            Update
            Update

            파이썬/장고 웹서비스 개발의 기초를 탄탄히 다져보세요. 장고 학습에는 시간도 걸리지만, 반복되는 개발 속에 여러분의 생산성을 극대화하실 수 있습니다. 여러분의 상상을 현실로 만들어보세요.

            초급

            초급

            Python, Django, React

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

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

            John Ahn

            ₩44,000

            초급 / React, Firebase, 웹앱

            4.7

            (43)

            1,000+

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

            초급

            초급

            React, Firebase, 웹앱

            NodeFull Stack 개발 가이드강의 썸네일

            NodeFull Stack 개발 가이드

            싸플

            ₩319,000

            초급 / React, Docker, redux-toolkit, oauth2

            맥 또는 윈도우 상관없는 Docker 환경에서 나만의 쇼핑몰을 만들어 봅시다 ^^

            초급

            초급

            React, Docker, redux-toolkit

            코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)강의 썸네일

            코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

            FreAiner Harris

            ₩38,500

            입문 / cursor, No-code, Firebase, vercel, 웹 디자인, React

            4.2

            (18)

            200+

            제가 이 강의를 만든 이유는 하나입니다. “나 같은 비전공자가 자신의 아이디어를 실현할 수 있도록 돕고 싶다”는 마음 때문입니다.

            입문

            입문

            cursor, No-code, Firebase

            1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)강의 썸네일

            1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

            도도(코딩루팡)

            무료

            입문 / nextjs, ChatGPT, React, TypeScript, TailwindCSS

            4.8

            (4)

            200+
            New
            New

            Next.js + Cursor IDE 로 챗 프로그램을 한시간만에 구현하는 능력을 가질 수 있어요.

            입문

            입문

            nextjs, ChatGPT, React

            아바타 커뮤니티앱 만들기 (React Native)강의 썸네일

            아바타 커뮤니티앱 만들기 (React Native)

            Kyo

            ₩74,800

            초급 / React Native, TypeScript, react-query, React, JavaScript

            5.0

            (8)

            100+
            Update
            Update

            리액트 네이티브로 아바타 기반 커뮤니티앱을 개발합니다. 글작성 뿐만아니라 댓글/대댓글, 좋아요, 투표, 아바타 생성 등 완성도 있는 커뮤니티앱을 만드는 과정을 배우게 됩니다.

            초급

            초급

            React Native, TypeScript, react-query

            타입스크립트 코리아 : React with TypeScript 세미나강의 썸네일

            타입스크립트 코리아 : React with TypeScript 세미나

            이웅재

            무료

            중급이상 / React, TypeScript

            4.7

            (42)

            5,900+

            타입스크립트와 리액트 관련 강좌입니다.

            중급이상

            중급이상

            React, TypeScript

            찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)강의 썸네일

            찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

            ludgi

            ₩16,500

            중급이상 / Next.js, React, GraphQL, Prisma, AWS

            찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

            중급이상

            중급이상

            Next.js, React, GraphQL

            무료