Inflearn brand logo image
Inflearn brand logo image
개발 · 프로그래밍

/

프론트엔드

리액트 기초 (Introduction to React)

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

(4.7) 수강평 21개

수강생 651명

교수님 강의
Reacthookreact-router
Thumbnail

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • 리액트 기초

  • 웹 애플리케이션 개발

  • RESTful API 연동

리액트 기초

- Introduction to React


◾ 강사 - 김경민 교수 (부산대학교 소프트웨어융합교육원)


🎯 강의목표


리액트의 핵심 개념과 컴포넌트 기반 아키텍처를 이해하고, 이를 활용한 웹 애플리케이션 개발 능력을 갖추고 RESTful API와의 연동을 통해 실무에 적용할 수 있는 역량을 키운다.


🎯 강의개요


  1. 리액트의 기초 개념부터 시작해 기본 훅, 리액트 라우터, Recoil, RESTful API 연동 등 웹 애플리케이션 개발에 필요한 핵심 기술을 학습한다.

  2. RESTful API와의 연동 실습을 통해 실제 리액트 프로젝트를 개발할 수 있는 실무 역량을 기른다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 웹 애플리케이션 개발 능력을 기르고 싶으신 분

  • 리액트의 핵심 개념과 컴포넌트 기반 아키텍처를 이해하고 싶으신 분

선수 지식,
필요할까요?

  • 자바스크립트

안녕하세요
입니다.

16,293

명

수강생

315

개

수강평

3

개

답변

4.9

점

강의 평점

47

개

강의

부산대학교 소프트웨어융합교육원입니다.

커리큘럼

전체

23개 ∙ (7시간 59분)

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

수강평

전체

21개

4.7

21개의 수강평

  • 한형석님의 프로필 이미지
    한형석

    수강평 4

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    기술습득에 도움이 되었습니다

    • pinkpsy76님의 프로필 이미지
      pinkpsy76

      수강평 1

      ∙

      평균 평점 4.0

      4

      17% 수강 후 작성

      잘 보고 있습니다. 기초부터 공부할수 있어서 좋은것 같습니다.

      • 똘똘이스머프님의 프로필 이미지
        똘똘이스머프

        수강평 866

        ∙

        평균 평점 5.0

        5

        100% 수강 후 작성

        귀한 강의 감사드립니다. 항상 건강 조심하세요.

        • Jooyeon Kim님의 프로필 이미지
          Jooyeon Kim

          수강평 1

          ∙

          평균 평점 5.0

          5

          74% 수강 후 작성

          진짜 설명 너무 잘해주셔서 이해 쏙쏙됐어요. 강의 회사에서 허락받고(?) 대놓고 3일 빡세게 들었는데요. 그렇게 하고 GPT/검색 병행하면서 실시간성이 중요한 NTRIP ROVER 웹사이트 만들었어요. 웹개발 1도 몰랐던 앱개발로 취업했었는데요. 다 선생님 덕분입니다. 감사합니다.

          • yunk1024님의 프로필 이미지
            yunk1024

            수강평 4

            ∙

            평균 평점 4.0

            4

            30% 수강 후 작성

            부산대학교 소프트웨어융합교육원님의 다른 강의

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

            AI 이해를 위한 파이썬 기초강의 썸네일

            AI 이해를 위한 파이썬 기초

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

            파이썬 프로그래밍 언어의 기본적인 내용을 학습함으로써 인공지능에 필요한 파이썬 코딩 능력을 습득해보자!

            입문

            입문

            Python, 인공지능(AI), Numpy

            AI 이해를 위한 파이썬 기초강의 썸네일

            AI 이해를 위한 파이썬 기초

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

            챗 GPT 크리에이트 (ChatGPT)강의 썸네일

            챗 GPT 크리에이트 (ChatGPT)

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

            ChatGPT, 생성형 AI를 활용해 창작자가 되어보자!

            입문

            입문

            ChatGPT, AI 활용 (AX), 프롬프트엔지니어링

            챗 GPT 크리에이트 (ChatGPT)강의 썸네일

            챗 GPT 크리에이트 (ChatGPT)

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

            AI활용 디지털전환 (Digital Transformation Using AI)강의 썸네일

            AI활용 디지털전환 (Digital Transformation Using AI)

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

            파이썬을 활용해 기계학습 기술을 학습하고, 실제 데이터 정보 추출 방법 및 예측 모델 개발 능력을 향상해보자!

            입문

            입문

            인공지능(AI), RPA, Python

            AI활용 디지털전환 (Digital Transformation Using AI)강의 썸네일

            AI활용 디지털전환 (Digital Transformation Using AI)

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

            자료구조와 알고리즘 기초 (Data Structure and Algorithms)강의 썸네일

            자료구조와 알고리즘 기초 (Data Structure and Algorithms)

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

            다양한 자료구조와 알고리즘을 학습하고, 프로그래밍을 통해 이를 구현하는 실습 능력을 길러보자!

            입문

            입문

            data-structure, 알고리즘

            자료구조와 알고리즘 기초 (Data Structure and Algorithms)강의 썸네일

            자료구조와 알고리즘 기초 (Data Structure and Algorithms)

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

            AI 리터러시의 이해강의 썸네일

            AI 리터러시의 이해

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

            인공지능과 AI 윤리를 이해 및 학습하고, 자신의 전공 분야와 접목하여 인공지능 디지털 역량을 강화해보자!

            입문

            입문

            인공지능(AI), 머신러닝

            AI 리터러시의 이해강의 썸네일

            AI 리터러시의 이해

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

            머신러닝, 딥러닝 기초 with Python, Keras강의 썸네일

            머신러닝, 딥러닝 기초 with Python, Keras

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

            Keras를 활용해보며 머신러닝과 딥러닝에 대한 모델 알고리즘을 이해해보자!

            초급

            초급

            머신러닝, 딥러닝, Keras

            머신러닝, 딥러닝 기초 with Python, Keras강의 썸네일

            머신러닝, 딥러닝 기초 with Python, Keras

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

            AI 텍스타일 디자인 CAD (Design CAD of AI Textile)강의 썸네일

            AI 텍스타일 디자인 CAD (Design CAD of AI Textile)

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

            AI를 바탕으로한 텍스타일 CAD의 이해를 통해 의류학의 기초 현장 지식과 패션 스페셜리스트의 능력을 키워보자!

            입문

            입문

            textile, CAD, Midjourney

            AI 텍스타일 디자인 CAD (Design CAD of AI Textile)강의 썸네일

            AI 텍스타일 디자인 CAD (Design CAD of AI Textile)

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

            객체지향 개념에 바탕을 둔 JAVA 프로그래밍강의 썸네일

            객체지향 개념에 바탕을 둔 JAVA 프로그래밍

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

            컴퓨터공학 전공자를 위한 객체지향 개념에 바탕을 둔 Java 프로그래밍

            초급

            초급

            Java, 객체지향

            객체지향 개념에 바탕을 둔 JAVA 프로그래밍강의 썸네일

            객체지향 개념에 바탕을 둔 JAVA 프로그래밍

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

            C++ 프로그래밍강의 썸네일

            C++ 프로그래밍

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

            C++ 언어의 기본 개념과 객체지향 개념을 배우면서 설계해보고, 구현해보고, 개발해보자!

            입문

            입문

            C++, 객체지향

            C++ 프로그래밍강의 썸네일

            C++ 프로그래밍

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

            머신러닝, 딥러닝 입문 : 알고리즘 이해하기강의 썸네일

            머신러닝, 딥러닝 입문 : 알고리즘 이해하기

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

            머신러닝의 주요 알고리즘과 딥러닝을 이해하고, 인공지능을 알아가보자!

            초급

            초급

            머신러닝, 인공신경망, 알고리즘

            머신러닝, 딥러닝 입문 : 알고리즘 이해하기강의 썸네일

            머신러닝, 딥러닝 입문 : 알고리즘 이해하기

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

            머신러닝 모델을 활용한 Android, iOS 앱 개발강의 썸네일

            머신러닝 모델을 활용한 Android, iOS 앱 개발

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

            간단한 머신러닝 모델을 기반으로 Android/iOS 앱을 만들어보고, 머신러닝에 대한 기초, TFLite를 사용한 모델 변환, 안드로이드 앱/iOS 앱을 구현하는 과정을 알게됩니다.

            초급

            초급

            Android, iOS, gan

            머신러닝 모델을 활용한 Android, iOS 앱 개발강의 썸네일

            머신러닝 모델을 활용한 Android, iOS 앱 개발

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

            데이터 마이닝강의 썸네일

            데이터 마이닝

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

            대용량 데이터에서 유용한 정보를 추출하고 의사 결정을 지원하는 역량을 키워보자!

            초급

            초급

            알고리즘, EDA, 머신러닝

            데이터 마이닝강의 썸네일

            데이터 마이닝

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

            데이터 분석을 위한 파이썬 입문강의 썸네일

            데이터 분석을 위한 파이썬 입문

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

            파이썬 사용을 위한 기초를 다지고 데이터 분석 문제를 해결해보자!

            입문

            입문

            Python

            데이터 분석을 위한 파이썬 입문강의 썸네일

            데이터 분석을 위한 파이썬 입문

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

            유닉스 기초 (Introduction to Unix)강의 썸네일

            유닉스 기초 (Introduction to Unix)

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

            리눅스 쉘&오픈소스 소프트웨어 환경에서 협업 방식으로 응용 프로그램을 개발을 경험해보고, 프로그램 코딩에 필요한 개발환경을 구축해보자!

            초급

            초급

            unix, 운영체제, Linux

            유닉스 기초 (Introduction to Unix)강의 썸네일

            유닉스 기초 (Introduction to Unix)

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

            패션리테일분석 (Fashion Retail Analysis)강의 썸네일

            패션리테일분석 (Fashion Retail Analysis)

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

            고도화된 리테일 비즈니스에 맞는 데이터 분석을 이해하고, 산업에서 활용하는 툴 활용법을 익혀보자!

            입문

            입문

            scm, SQL, Google Analytics

            패션리테일분석 (Fashion Retail Analysis)강의 썸네일

            패션리테일분석 (Fashion Retail Analysis)

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

            누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)강의 썸네일

            누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)

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

            기본적인 웹사이트 구축 방법을 습득하고, 공공데이터 Open API를 연계한 실전 프로젝트를 통해 웹 개발의 기초부터 실무 적용 능력까지!

            입문

            입문

            HTML/CSS, JavaScript, openAI API

            누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)강의 썸네일

            누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)

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

            빅데이터 기반 정책평가론강의 썸네일

            빅데이터 기반 정책평가론

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

            R과 R Studio를 통해 정책 평가를 이해하고 시도해보자!

            입문

            입문

            R, 빅데이터

            빅데이터 기반 정책평가론강의 썸네일

            빅데이터 기반 정책평가론

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

            정보와 데이터 사이언스를 위한 프로젝트 관리강의 썸네일

            정보와 데이터 사이언스를 위한 프로젝트 관리

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

            데이터 사이언스를 통해 효율적으로, 똑똑하게 프로젝트를 관리해보자

            입문

            입문

            프로젝트 관리

            정보와 데이터 사이언스를 위한 프로젝트 관리강의 썸네일

            정보와 데이터 사이언스를 위한 프로젝트 관리

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

            데이터기반 스토리텔링강의 썸네일

            데이터기반 스토리텔링

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

            파이썬을 통한 데이터 분석 방법을 이해하고, 여러 형태의 데이터를 스스로 분석하고 시각화하여 데이터 스토리 개요를 정리해보자!

            입문

            입문

            Python, Numpy, Pandas

            데이터기반 스토리텔링강의 썸네일

            데이터기반 스토리텔링

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

            마이크로파이썬 창의융합프로젝트 (MicroPython)강의 썸네일

            마이크로파이썬 창의융합프로젝트 (MicroPython)

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

            코딩, 사물인터넷(IoT)에 흥미있는 디지털 인재라면? 마이크로파이썬을 통해 프로그래밍에 입문해보자!

            입문

            입문

            micropython, IoT

            마이크로파이썬 창의융합프로젝트 (MicroPython)강의 썸네일

            마이크로파이썬 창의융합프로젝트 (MicroPython)

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

            비슷한 강의

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

            (2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계강의 썸네일

            (2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계

            코딩알려주는누나

            프론트엔드 개발자가 되고 싶은 분들에게 필수 과정인 리액트를 배우고 포트폴리오 프로젝트까지 만들 수 있어요.

            초급

            초급

            React, Redux, Web API

            (2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계강의 썸네일

            (2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계

            코딩알려주는누나

            얄코의 가장 쉬운 리액트(React)강의 썸네일

            얄코의 가장 쉬운 리액트(React)

            얄팍한 코딩사전

            설명대장 얄코의 녹진하고 꾸덕한 강좌로 가장 쉽게, 가장 빠르게 리액트를 배우세요!

            초급

            초급

            JavaScript, React, Node.js

            얄코의 가장 쉬운 리액트(React)강의 썸네일

            얄코의 가장 쉬운 리액트(React)

            얄팍한 코딩사전

            Next.js 완벽 마스터 (v15): Notion 기반 개발자 블로그 만들기 (with Cursor AI)강의 썸네일

            Next.js 완벽 마스터 (v15): Notion 기반 개발자 블로그 만들기 (with Cursor AI)

            짐코딩

            최신 Next.js v15 App Router를 학습하며 Notion 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 Cursor AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

            초급

            초급

            Next.js, CursorAI, React

            Next.js 완벽 마스터 (v15): Notion 기반 개발자 블로그 만들기 (with Cursor AI)강의 썸네일

            Next.js 완벽 마스터 (v15): Notion 기반 개발자 블로그 만들기 (with Cursor AI)

            짐코딩

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

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

            John Ahn

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

            초급

            초급

            클론코딩, Node.js, React

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

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

            John Ahn

            부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편강의 썸네일

            부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

            애프터캠프

            React 렌더링 원리, 최적화를 마스터해서 실전 활용 및 면접 준비를 해보세요!

            중급이상

            중급이상

            React, react-usememo, 기술면접

            부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편강의 썸네일

            부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

            애프터캠프

            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

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

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

            John Ahn

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

            초급

            초급

            React, Firebase, 웹앱

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

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

            John Ahn

            풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)강의 썸네일

            풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

            정재남

            React 기반의 간단한 SNS 서비스를 만들면서 REST API 및 GraphQL을 연습합니다. 프론트엔드 개발을 위한 백엔드 환경을 쉽고 간단하게 만드는 방법을 소개합니다.

            초급

            초급

            REST API, GraphQL, React

            풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)강의 썸네일

            풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

            정재남

            [자바스크립트 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)

            닭강정

            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 (원데이 클래스)

            도도(코딩루팡)

            [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일

            [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

            정현우

            아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 4개를 만들어보면서 앱 개발을 마스터해봅시다!

            입문

            입문

            JavaScript, React, Node.js

            [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일

            [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

            정현우

            찍어먹는 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

            앱 개발 입문을 위한 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 세미나

            이웅재