Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

React for Beginners: Building a Solid Foundation

You can learn the basics of React. You can organize HTML, JavaScript, DOM, Event, Object, Module, OOP, etc. related to React.

(5.0) 23 reviews

755 learners

  • tonextday
react
리액트
프론트엔드
프론트개발
이론 중심
React
JavaScript
DOM
oop

Reviews from Early Learners

What you will learn!

  • React Basic Concepts

  • Basic concepts and terms related to React functions, such as JavaScript, DOM, Event, and Object

If you want to become a developer with strong internal skills!

Coupon discount
Discount from 44,000 won to 16,500 won.
Coupon Number: https://inf.run/hUURL

Strengthen the basics and fundamentals,
React & Front-end Fundamentals

The foundation of React application development
You can solidify the fundamentals and foundation required for developing React applications.

  • ✅ Develop a sense of React application development
  • ✅ HTML, JavaScript, DOM, Event, Object, Module, etc. related to React
  • ✅ Meaning and nuances of React-related technical terms
  • ✅ Object-oriented programming concepts in JavaScript

To these people
I recommend it.

  • Beginners who want to learn React basics
  • Developers who want to organize technologies related to React (HTML, JavaScript, DOM, Event, Object, Module, etc.)
  • Designers and planners who want to design systems in a React environment
  • Analysts who want to conduct requirements analysis in a React environment

The answer to your worries is all in the 'basics'!

💬 I don't know how to learn React.

Just as elementary school and middle school courses are taught in order, the learning order is important. The lectures have learning scenarios , allowing you to learn from the basics one by one.

💬 I learned React, but I'm not very good at organizing it.

You need to build a tower by building on the foundation and fundamentals. That doesn't mean it takes a long time. The lecture itself is designed with this in mind, allowing you to build the tower step by step .

💬 I learned React, but I'm having trouble developing apps with it.

It's because I haven't gotten a feel for program development. It's important to logically understand the fundamentals. By building the foundation one by one, you'll be able to get a feel for program development .


From beginning to end, the entire lecture
Here's one scenario.

💡 In one flow, from the bottom up, in detail

The entire course is a single scenario from beginning to end. It covers the groundwork in such detail that it's almost overwhelming. This will help you build a solid, unwavering foundation.

💡 Completely organized from the basic concepts

Before covering React, we'll first cover HTML, JavaScript, the DOM, events, objects, modules, and more. This process will help you build a solid understanding of the instructor's terminology and content.

So, after the class...

  • ✅ You will feel confident in program development.
  • ✅ You can feel the solidity of the foundation that doesn't seem like it will shake.
  • ✅ You will learn what you need to learn and what you need to do to become a real developer.
  • ✅ Your perspective on web development as a whole will broaden.
  • ✅ You will be able to use terminology accurately.

Q&A 💬

Q. How much knowledge of JavaScript and the DOM do I need?

We'll be providing guidance on this in the lecture. First, I'd like you to briefly review the entire lecture to see what you need to learn.

Q. Can I still take the course if I have no programming experience?

It's difficult to learn without a basic understanding of program development, but try to develop a grasp of the concepts by listening to the lectures repeatedly. The lectures provide guidance on this. (A basic understanding of HTML/CSS and JavaScript is required for this course.)

Q. I have experience with React. Will this course be helpful?

While the React features themselves aren't helpful, they cover the underlying concepts, which can help you organize your knowledge. Specifically, you can organize related HTML, JavaScript, DOM, events, objects, modules, and more.

📢 Things to note before taking the course

  • I don't do live coding to focus on the explanation.
  • You don't need to know HTML in depth, but you do need to have a good understanding of it to follow the lectures.
  • CSS is not covered, so you don't need to know it, but you do need to have a good understanding of it to be able to write CSS.
  • The more you know JavaScript, the better, but if you only have a taste, you can follow along as the lecture guides you through.

📚 Tips for Taking the React Beginner Course

  • Don't code the first time, but listen from beginning to end even if you don't understand it to get the whole picture.
  • If you can't recall the whole thing, don't code it and listen again.
  • From the third time on, build a feel for coding by coding one thing at a time. Even if it's the same code, try not to copy it. This is to develop a sense of coding.

💾 Instructions for the practice environment and follow-up lectures

  • Although the course is based on Windows, it can be taken in other environments as it does not cover the OS.
  • We'll be using Node.js and Visual Studio Code. The lecture will guide you through the installation, so you can install them whenever you need.
  • Separate lecture materials and source code are not provided.
  • We plan to open a follow-up course following the React Beginner course.

It's good to listen together
Check out the related lectures.

Kim Young-bo's JavaScript Series

Go to the JavaScript Roadmap (40% off)

Kim Young-bo's DOM series

Go to the DOM Roadmap (40% off)

Recommended for
these people

Who is this course right for?

  • For those who are starting React

  • Those who want to learn the basics of React

  • Those who want to organize basic concepts and terms related to React functions, such as JavaScript, DOM, Event, and Object

Need to know before starting?

  • HTML, CSS

  • JavaScript: You will be working with JavaScript and the DOM as they relate to React features, but you will need to understand the concepts.

Hello
This is

9,629

Learners

392

Reviews

337

Answers

4.8

Rating

12

Courses

소프트웨어 개발을 좋아하는 개발자입니다.

메일: tonextday@gmail.com

동영상: 12개
Rust 비기너 강좌 제작중, 2025.09 오픈 예정

클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js

저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석  
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

 

 

Curriculum

All

115 lectures ∙ (11hr 1min)

Published: 
Last updated: 

Reviews

All

23 reviews

5.0

23 reviews

  • jaeu choi님의 프로필 이미지
    jaeu choi

    Reviews 9

    Average Rating 5.0

    5

    30% enrolled

    • 심경철님의 프로필 이미지
      심경철

      Reviews 2

      Average Rating 5.0

      5

      30% enrolled

      • microsoo님의 프로필 이미지
        microsoo

        Reviews 1

        Average Rating 5.0

        5

        30% enrolled

        keep going

        • 햄찌대장님의 프로필 이미지
          햄찌대장

          Reviews 22

          Average Rating 5.0

          5

          100% enrolled

          • GoHome님의 프로필 이미지
            GoHome

            Reviews 11

            Average Rating 4.7

            5

            100% enrolled

            $34.10

            tonextday's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!