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

/

프론트엔드

리액트 기초 (Introduction to React)

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

(4.7) 수강평 18개

수강생 576명

Reacthookreact-router
Thumbnail

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

이런 걸 배울 수 있어요

  • 리액트 기초

  • 웹 애플리케이션 개발

  • RESTful API 연동

리액트 기초

- Introduction to React


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


🎯 강의목표


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


🎯 강의개요


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

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

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

선수 지식,
필요할까요?

  • 자바스크립트

안녕하세요
부산대학교 소프트웨어융합교육원입니다.

15,207

명

수강생

260

개

수강평

3

개

답변

4.9

점

강의 평점

47

개

강의

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

커리큘럼

전체

23개 ∙ (7시간 59분)

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

수강평

전체

18개

4.7

18개의 수강평

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

    수강평 4

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

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

    • 지현동님의 프로필 이미지
      지현동

      수강평 1

      ∙

      평균 평점 5.0

      5

      100% 수강 후 작성

      프로젝트 따라가면서 재밌게 공부했습니다. 감사합니다.

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

        수강평 864

        ∙

        평균 평점 5.0

        5

        100% 수강 후 작성

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

        • pinkpsy76님의 프로필 이미지
          pinkpsy76

          수강평 1

          ∙

          평균 평점 4.0

          4

          17% 수강 후 작성

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

          • 김성현님의 프로필 이미지
            김성현

            수강평 10

            ∙

            평균 평점 5.0

            5

            30% 수강 후 작성

            잘 설명해주셔서 좋았습니다

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

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

            글로벌 매너와 커뮤니케이션강의 썸네일

            글로벌 매너와 커뮤니케이션

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

            4차 산업혁명 시대를 선도하는 글로벌 리더 육성을 위한 기본 매너와 에티켓 및 커뮤니케이션 스킬 교육

            입문

            입문

            커뮤니케이션, leader

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

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

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

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

            초급

            초급

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

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

            AI 리터러시의 이해

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

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

            입문

            입문

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

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

            C++ 프로그래밍

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

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

            입문

            입문

            C++, 객체지향

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

            챗 GPT 크리에이트 (ChatGPT)

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

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

            입문

            입문

            ChatGPT, 생성형AI, 프롬프트엔지니어링

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

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

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

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

            입문

            입문

            Python

            데이터 사이언스 입문자를 위한 파이썬 및 통계강의 썸네일

            데이터 사이언스 입문자를 위한 파이썬 및 통계

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

            프로그래밍 기술, 알고리즘 기술, 통계 분석 기술에 대한 전문 역량을 함양해보자!

            입문

            입문

            Python, 알고리즘, 통계

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

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

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

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

            초급

            초급

            C++, 객체지향

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

            AI 이해를 위한 파이썬 기초

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

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

            입문

            입문

            Python, 인공지능(AI), Numpy

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

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

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

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

            입문

            입문

            scm, SQL, Google Analytics

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

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

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

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

            입문

            입문

            인공지능(AI), RPA, Python

            데이터 마이닝강의 썸네일

            데이터 마이닝

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

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

            초급

            초급

            알고리즘, EDA, 머신러닝

            데이터분석 입문강의 썸네일

            데이터분석 입문

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

            공공데이터, 웹 스크래핑 등을 통해 데이터를 수집, 정제하고 탐색적으로 데이터를 분석해보자!

            초급

            초급

            Python, Pandas, 웹 스크래핑

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

            데이터 리터러시의 이해

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

            오렌지3를 활용하여 데이터를 분석하고 시각화하며 머신러닝 개념을 알아보자!

            입문

            입문

            데이터 리터러시, Orange3, 머신러닝

            Git과 GitHub 활용강의 썸네일

            Git과 GitHub 활용

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

            Git과 GitHub를 다루는 법을 익히고 협업을 위해 사용해보자!

            입문

            입문

            Git, GitHub

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

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

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

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

            초급

            초급

            머신러닝, 딥러닝, Keras

            파이썬 프로그래밍강의 썸네일

            파이썬 프로그래밍

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

            실생활 및 전공의 문제를 실제 컴퓨터 프로그램으로 옮겨보기 위한 학습과 파이썬 기반 인공지능 도구 활용을 연습해보자!

            입문

            입문

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

            파이썬 코드로 배우는 데이터분석강의 썸네일

            파이썬 코드로 배우는 데이터분석

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

            웹 상에서 데이터를 수집하는 방법을 익히고, 머신러닝의 지도학습 모델을 생성해보자!

            입문

            입문

            Python, Pandas, 웹 스크래핑

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

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

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

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

            입문

            입문

            data-structure, 알고리즘

            피지컬 컴퓨팅을 위한 아두이노강의 썸네일

            피지컬 컴퓨팅을 위한 아두이노

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

            블록 코딩을 통해 텍스트 코딩을 체험하고, 아두이노를 제어해보자!

            입문

            입문

            Arduino, 블록코딩

            비슷한 강의

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

            R3F(React + Three.js / Typescript)로 인터렉티브 포트폴리오 만들기강의 썸네일

            R3F(React + Three.js / Typescript)로 인터렉티브 포트폴리오 만들기

            코딩의세계 한태재

            React와 Three.js 를 한번에! 인터렉티브 웹의 기초인 Vector부터 GSAP까지 배울 수 있어요. 3가지 예제를 하나의 포트폴리오로 통합하는 팁과 노하우!

            초급

            초급

            인터랙티브 웹, Three.js, TypeScript

            [리액트 1부] 만들고 비교하며 학습하는 리액트 (React)강의 썸네일

            [리액트 1부] 만들고 비교하며 학습하는 리액트 (React)

            김정환

            리액트는 실무에서 가장 많이 찾는 인기있는 프론트엔드 기술입니다. 리액트 기술을 이용해 어플리케이션을 빠르게 개발하고 유지 보수 가능한 코드를 만들어 보세요.

            초급

            초급

            React, MVC

            리액트로 나만의 블로그 만들기(MERN Stack)강의 썸네일

            리액트로 나만의 블로그 만들기(MERN Stack)

            싸플

            풀스택으로 나만의 블로그를 만들어 보아요~~!

            중급이상

            중급이상

            Redux, Node.js, Bootstrap

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

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

            애프터캠프

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

            중급이상

            중급이상

            React, react-usememo, 기술면접

            리액트로 NFT 랜딩 웹사이트 따라 만들기 시리즈3강의 썸네일

            리액트로 NFT 랜딩 웹사이트 따라 만들기 시리즈3

            인디코드

            리액트를 이용해서 NFT 반응형 랜딩페이지를 따라만들면서 프로젝트를 완성시켜보는 과정

            초급

            초급

            React, NFT

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

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

            John Ahn

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

            초급

            초급

            클론코딩, Node.js, React

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

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

            정재남

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

            초급

            초급

            REST API, GraphQL, React

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

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

            도도(코딩루팡)

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

            입문

            입문

            nextjs, ChatGPT, React

            웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크강의 썸네일

            웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

            코드캠프

            웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

            초급

            초급

            React, Next.js, expo

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

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

            이웅재

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

            중급이상

            중급이상

            React, 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

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

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

            정현우

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

            입문

            입문

            JavaScript, React, Node.js

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

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

            제로초(조현영)

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

            초급

            초급

            React, React Native, 하이브리드 앱

            무료