인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

떠먹여주는 리액트 기초 course1

그림으로 배우며 리액트의 기초 개념을 명확하게 이해할 수 있는 강의

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

이런 걸 배울 수 있어요

  • 그림으로 배우는 쉬운 리액트

  • 프론트엔드 기초

  • JSX 문법, state, 컴포넌트, props, 이벤트 핸들링, 리스트와 키 등 리액트 필수 문법

리액트 기초, 핵심만 빠르게 배우고 싶으신가요?

불필요한 내용 없이, 핵심만 쏙쏙!

리액트 학습, 너무 방대해서 지치셨나요? 핵심만 빠르게 배워 실무에 바로 활용하고 싶으신 분들을 위해 준비했습니다.

이런 분들께 추천해요

짧고 굵은 강의를 선호하는 분

너무 긴 강의는 완강하기 힘들죠? 핵심만 빠르게 학습하고 싶으신 분!

시각적인 설명 선호하는 분

단순한 설명보다 눈으로 보는 게 더 잘 이해되는 분!

리액트 입문자

리액트가 처음이라 막막하신 분!

자바스크립트(Javascript) 공부 후 실무에서 쓰이는 최신 트랙을 학습하고 싶으신 분!

수강 후에는

  • 리액트 (React) 핵심 이해: React.js 기초 핵심을 정확하게 이해하고 자유자재로 활용 가능하게 됩니다!

  • CRUD 기능 구현: 간단한 CRUD (Create, Read, Update, Delete)를 혼자서도 구현 가능하게 됩니다!

  • 실무 능력 향상: 이론뿐 아니라 실제 개발에 필요한 능력까지 갖추게 됩니다!

  • 자신감 UP: 리액트 기초를 탄탄하게 다져 개발에 대한 자신감이 쑥쑥 올라갑니다!

이 강의의 특징

시각화를 통해 쉽게 이해할 수 있게 도와줘요!

스크린샷 2025-02-10 오후 10.50.07

일상 생활 예시를 통한 개념 설명

복잡한 이론 대신 일상생활 속 예시를 통해 리액트의 핵심 개념을 쉽고 재미있게 이해할 수 있습니다!

코드 동작에 대한 친절한 설명

그림을 통해 코드 동작을 보여주면서 편하게 학습할 수 있어요. 또한 리액트 학습에 필수적인 자바스크립트 문법아주 천천히, 자세하게 알려드려요!

이런 내용을 배워요

리액트 기초 다지기: 핵심 개념부터 실습까지

리액트의 기본 개념 (리액트란 무엇인지, 왜 리액트를 사용하는지)부터 시작하여 개발 환경 설정, JSX 문법, 컴포넌트 생성 및 활용법, State와 Props를 이용한 데이터 관리, Children을 활용한 컴포넌트 간 관계 설정, 이벤트 핸들링, 조건부 렌더링까지 리액트 기초를 탄탄하게 다집니다.

리액트 활용: List와 폼을 이용한 웹 페이지 만들기

리액트 List와 Key를 사용하여 데이터를 효율적으로 관리하고, 폼 제출 기능을 구현하여 사용자 입력을 처리하는 방법을 배웁니다. 실제 웹 페이지에서 자주 사용되는 기능들을 구현해보면서 리액트 활용 능력을 한 단계 업그레이드합니다.

궁금한 점이 있나요?

Q. 강의 수준은 어느 정도인가요?

이 강의는 리액트 입문자를 위한 강의입니다. 리액트를 처음 배우는 분들도 쉽게 따라올 수 있도록 기초부터 차근차근 설명합니다.

Q. 수업을 들으면 어느 수준까지 개발할 수 있나요?

간단한 CRUD (Create, Read, Update, Delete)를 혼자서도 구현 가능하게 됩니다!

Q. 자바스크립트 문법을 알아야 하나요?

간단한 자바스크립트 문법(변수, 함수, 객체, 배열 등)은 알고 오셔야 합니다!

배열 메소드인 map과 같은 다소 어려워하는 문법은 강의에서도 다시 알려드려요 :)

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 코딩을 배우며 모호한 설명에 지치신 분

  • 그림으로 쉽고 편하게 배우고 싶으신 분

  • 자바스크립트 공부를 마치고 실무에 쓰이는 스택을 배우고 싶으신 분

  • 리액트의 CRUD를 제대로 정복하고 싶으신 분

선수 지식,
필요할까요?

  • HTML

  • CSS

  • Javascript 기초 문법 - 변수, 함수 등의 최소한의 기본 문법은 알고 있어야 하며, 꼭 필요한 지식(배열의 map 메소드)은 강의에서 추가로 다뤄드립니다.

안녕하세요
코딩유치원입니다.

2,000

수강생

103

수강평

4.9

강의 평점

2

강의

수강평

전체

12개

5.0

12개의 수강평

  • fabiola님의 프로필 이미지
    fabiola

    수강평 1

    평균 평점 5.0

    수정됨

    5

    29% 수강 후 작성

    작년부터 리액트 공부하기 시작했는데 부캠도 해봤지만 진짜 기능 구현하기에만 급급했거든요 다시 기초 공부하자니 다른 강의들은 너무 길고 집중도 안돼서 손이 잘 안 갔는데 이 강의는 이해하기 쉽고 간단하게 설명해주셔서 오히려 좋았어요 가볍게 듣고 있는데 막힘없이 술술 귀에 들어오는 것 같아요

    • 우나님의 프로필 이미지
      우나

      수강평 1

      평균 평점 5.0

      수정됨

      5

      33% 수강 후 작성

      사소한 부분도 그냥 넘어가지 않고 입문자도 알기 쉽게 설명해 주셔서 정말 좋았습니다! 이론들을 시각화된 자료로 설명해주셔서 훨씬 이해하기가 쉬웠고, 특히 실생활 예시에 빗대어 설명해주셔서 복잡한 개념도 금방 이해할 수 있었습니다! 강의 시간도 길지 않아서 집중력이 떨어지지 않게 들을 수 있었어요. 다음 강의도 꼭 수강하겠습니다 ㅎㅎ!!

      • gaogao78님의 프로필 이미지
        gaogao78

        수강평 1

        평균 평점 5.0

        5

        33% 수강 후 작성

        강의 들으면서 부트캠프 때 잘 가르쳐주시던 강사님과 목소리가 비슷한건 기분탓일까요? 흐흐 그 덕에 리액트가 좀 낯설었어도 왠지 모르게 편안하게 다가왔습니다. 특히 CRUD 프로젝트를 그냥 듣기만 한 게 아니라 직접 따라하고 안 보고도 해보면서 시행착오를 겪어보니까, state나 props가 어떻게 흘러가는지 머릿속에 정리가 되더라고요. 다른 강의도 빨리 들어보고 싶습니다! 다른강의도 얼른만들어주세요!!

        • 찬찬이님의 프로필 이미지
          찬찬이

          수강평 1

          평균 평점 5.0

          수정됨

          5

          86% 수강 후 작성

          설명을 꼼꼼하고 쉽게 잘 알려주셔서 좋았습니다! 이전에 따로 공부했을 때 이해가 되지 않았던 부분도 예시를 통해서 이해하기 좋았어요

          • 쫌수님의 프로필 이미지
            쫌수

            수강평 1

            평균 평점 5.0

            5

            14% 수강 후 작성

            진짜 쉽게 알려주셔서 기본을 다지는데 도움이 되었어요! 간단한 부분이지만 헷갈리고 어려웠던 부분이 해소되었습니다.

            비슷한 강의

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

            ₩22,000