Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Front-end

React＆Expressを使用したWebアプリケーションの開発

Velopertが教えてくれるReactJSコースです。最近脚光を浴びるJavascriptライブラリであるReactを紹介し、使い方を教えてくれる講座です。

（4.8）受講レビュー 145件

受講生 18,453名

  • publicvelopert0034
React

学習した受講者のレビュー

こんなことが学べます

  • 全体的なWebフロントエンド技術

  • Javascript、React.js、node.js

後半のテキストコースはキャンセルされました。この講座で取り上げた内容が少し古く、新しい講義でリニューアルされました。

新しい講義を見る

1.講座紹介

JavaScriptライブラリReactJSを学ぶためのreactコース。最近ではHOTしたFacebookで開発したJavaScriptライブラリ、React.jsについて学び、直接使用してみながら技術を習得できる講座です。 React.jsの基本概念から始めて、いくつかの簡単なサンプルプロジェクトを作成し、Node.js、MongoDBを使用してBackendサーバーを作成する方法を学び、最終的にはコースで学んだ知識を組み合わせて簡単なWebアプリケーションプロジェクトを完成させます。

- 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を学びたかった方
  • Webフロントエンド開発者になりたい方
  • HTML、JAVASCRIPT、CSSに関する理解度がある方

3.コースの特徴

  • 取り扱う技術: Web フロントエンド技術全体、Javascript、React.js、node.js
  • 講座レベル：初級～中級
  • 事前知識：HTML、CSS、Javascriptの基本的な理解が必要です。
  • node.js を体験した方なら、もっといいです。

4.講師紹介

キム・ミンジュン

トレンディなIT技術を志向（しようと努力）する開発者、キム・ミンジュンです。 Githubやブログではvelopertとして活動しています。 React.jsライブラリが大好きで、国内でこのライブラリの人気をさらに高めるという誓いで資料を作っています。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • いつものReact.jsを学びたかった方

  • Webフロントエンド開発者になりたい方

こんにちは
です。

24,102

受講生

520

受講レビュー

23

回答

4.8

講座評価

2

講座

カリキュラム

全体

38件 ∙ (5時間 45分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

145件

4.8

145件の受講レビュー

  • 우걱다짐님의 프로필 이미지
    우걱다짐

    受講レビュー 6

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

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

    • 세인트님의 프로필 이미지
      세인트

      受講レビュー 3

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      좋은강의감사합니다.

      • Eun님의 프로필 이미지
        Eun

        受講レビュー 82

        ∙

        平均評価 5.0

        5

        100% 受講後に作成

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

        • 김보혜님의 프로필 이미지
          김보혜

          受講レビュー 1

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          • rednaea님의 프로필 이미지
            rednaea

            受講レビュー 4

            ∙

            平均評価 5.0

            5

            32% 受講後に作成

            無料

            publicvelopert0034の他の講座

            知識共有者の他の講座を見てみましょう！

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

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

            velopert(김 민준)

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

            초급

            초급

            JavaScript, React

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

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

            velopert(김 민준)

            似ている講座

            同じ分野の他の講座を見てみましょう！

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

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

            Wintho

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

            초급

            초급

            React Native, React, ES6

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

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

            Wintho

            React Native with Expo: 제로초에게 제대로 배우기강의 썸네일

            React Native with Expo: 제로초에게 제대로 배우기

            제로초(조현영)

            웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

            초급

            초급

            React, React Native, 하이브리드 앱

            React Native with Expo: 제로초에게 제대로 배우기강의 썸네일

            React Native with Expo: 제로초에게 제대로 배우기

            제로초(조현영)

            생활코딩 - React class vs. function style coding강의 썸네일

            생활코딩 - React class vs. function style coding

            Egoing Lee

            생활코딩에서 제공하는 React 관련 강의로, 리액트에서 클래스와 함수 스타일로 콤포넌트를 작성하는 방법을 배우고 차이점을 살펴봅니다.

            중급이상

            중급이상

            React

            생활코딩 - React class vs. function style coding강의 썸네일

            생활코딩 - React class vs. function style coding

            Egoing Lee

            리액트 기초 (Introduction to React)강의 썸네일

            리액트 기초 (Introduction to React)

            부산대학교 소프트웨어융합교육원

            리액트를 활용한 웹 애플리케이션 개발 능력을 갖추고 실무에 적용할 수 있는 역량을 키워보자!

            초급

            초급

            React, hook, react-router

            리액트 기초 (Introduction to React)강의 썸네일

            리액트 기초 (Introduction to React)

            부산대학교 소프트웨어융합교육원

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

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

            John Ahn

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

            초급

            초급

            React, Firebase, 웹앱

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

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

            John Ahn

            [자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)강의 썸네일

            [자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

            닭강정

            React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

            초급

            초급

            React, Electron, GUI

            [자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)강의 썸네일

            [자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

            닭강정

            [리뉴얼] React로 NodeBird SNS 만들기강의 썸네일

            [리뉴얼] React로 NodeBird SNS 만들기

            제로초(조현영)

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

            중급이상

            중급이상

            React, Redux, Node.js

            [리뉴얼] React로 NodeBird SNS 만들기강의 썸네일

            [리뉴얼] React로 NodeBird SNS 만들기

            제로초(조현영)

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

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

            도도(코딩루팡)

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

            입문

            입문

            nextjs, ChatGPT, React

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

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

            도도(코딩루팡)

            앱 개발 입문을 위한 React Native 완벽 기초 클래스강의 썸네일

            앱 개발 입문을 위한 React Native 완벽 기초 클래스

            정현우

            앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

            입문

            입문

            JavaScript, React, Node.js

            앱 개발 입문을 위한 React Native 완벽 기초 클래스강의 썸네일

            앱 개발 입문을 위한 React Native 완벽 기초 클래스

            정현우

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

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

            이웅재

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

            중급이상

            중급이상

            React, TypeScript

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

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

            이웅재

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

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

            ludgi

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

            중급이상

            중급이상

            Next.js, React, GraphQL

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

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

            ludgi