강의

멘토링

로드맵

BEST
Programming

/

Front-end

Learn React by Building It: Basics

This is an introductory React course that will teach you React the easiest and fastest way. Learn concepts and practical skills while creating a toy project and complete the entire course in just 3 hours, including deployment! This is the first course in a series consisting of beginner, intermediate, and advanced levels :)

(4.8) 178 reviews

1,582 learners

  • jayjinjay
차근차근
토이프로젝트
3시간 만에 완강할 수 있는 강의 ⏰
React
JavaScript

Reviews from Early Learners

What you will learn!

  • React Development

  • Front-end development

  • web development

  • My own toy project

  • Backend integration

React, my first encounter with React
For those of you who want to finish it easily and quickly !

The front end is now
React is the trend ✨

React , the most used library in the front-end world today!
React makes it possible to manage complex modern web apps with just a few lines of code, all while keeping them manageable using pure JavaScript.

But... it's not easy to quickly learn the core of React. Why is that?


Isn't this what you're worried about now?

It takes too much time to follow
The project is burdensome.
I want to learn the key points quickly !

Why bother learning React?
You're saying it covers other complex skills too?
Can't we try it with just HTML/CSS/JS ?

Even if you learn React
The most frequently used function in practice
What if I can't write confidently?

I'm trying to learn react
If there are a lot of difficult shortcuts, concepts, or terms
I think it'll be hard to keep up with the progress.

If this sounds like my story,
When you meet the real React introductory course for beginners!


It only contains the essential points !
Perfect for beginners
The essence of React.

If you only learn the grammar, it is difficult to get a feel for how to use React in practice.
In this course, you will learn all the basic concepts required for practical React development quickly and easily through toy projects.

4 Key Points for Effective Learning!

Just the essentials!

You can learn the core concepts of React that are essential for practical work in 3 hours.

Check it out yourself

You can check for yourself whether you have understood the concepts well through practice quizzes/reviews at each stage of the course.

A lecture designed for beginners

We have excluded technical elements that may be difficult for beginners, such as Node.js, NPM, and ES6+. Instead, we will provide explanations of shortcuts, terms, and concepts that you may not be familiar with here and there to help you understand them easily.

So that it can be used in practice

Instead of reading prepared lessons, you can see the results with your own eyes through live coding. You can also experience the process of collaborating with server developers by linking actual APIs, and you can distribute the finished product and use it as a portfolio.

Challenge! Make a cat meme app 😺

All you need is HTML, CSS, and JavaScript!
Create your own simple web application. (link)


Your introduction to React,
I'll help you in the easiest way !

I am Jin Yu-rim , a front-end developer with 8 years of experience 😊

The average rating of 4.9★ and over 160 reviews prove it.

I felt like I was receiving private tutoring because he explained everything in such a kind and detailed way.

I am so glad that this lecture saved me time that I would have wasted if I hadn't taken it.

You explain it to me in a kind and detailed way, and I understand it very well because we practice together.

If you upload other lectures in the future, I will buy them right away. Thank you for the great lecture 😍

This is a review left for the Inflearn [Introduction to Git and GitHub for Team Development] course 💌

Front-end practitioners in the field
The very React course I highly recommend!


Frequently Asked Questions
I collected 💬

Q. I'm just starting front-end development. Can I take this course?

This course requires basic knowledge of HTML, CSS, and JavaScript. If you know the concept that 'HTML is markup, CSS is styling, and JavaScript is responsible for page behavior' and basic grammar, you can take the course :)

Q. How much JavaScript do I need to know?

If you know about variables, functions, conditional statements, loops, and objects in JavaScript, you can take the course. You can take the course even if you don't know the latest JavaScript grammar, ES6+ :)

Q. Will taking this course help me get a job?

You can become familiar with React concepts and grammar by creating a simple project called Cat Meme Generator . It is linked to the Open API, which is real data, and is distributed as a GitHub page, so you can use it as a portfolio as well :)

We provide tuition support for students and job seekers 💪

We are offering a 50% discount coupon so that students without income or job seekers can take the course with less burden. Application link / Inquiries


Coming Soon!
[Learn React by Making]
To be continued 🏃‍♀️

This lecture is the first [Basics] lecture in a series consisting of beginner - intermediate - advanced levels.

Recommended for
these people

Who is this course right for?

  • Web developers who are new to React

  • Front-end developer

  • Job seekers preparing for employment with React

  • Publishers who want to learn React

  • People who know React grammar but are confused about how to apply it in practice

Need to know before starting?

  • HTML

  • CSS

  • JavaScript Basics

Hello
This is

4,802

Learners

559

Reviews

271

Answers

4.9

Rating

2

Courses

프런트엔드 개발자 진유림입니다. 개발자 특유의 공유 문화와 커뮤니티에서의 바이브를 사랑합니다. 반가워요!  블로그깃헙 / 사운드클라우드

강연 : 삼성전자, Facebook, IBM, 고려대, 이화여대 등 다수 기술 강연

저서팀 개발을 위한 Git, GitHub 시작하기

Curriculum

All

37 lectures ∙ (3hr 26min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

178 reviews

4.8

178 reviews

  • Cinnamon.eight님의 프로필 이미지
    Cinnamon.eight

    Reviews 4

    Average Rating 5.0

    5

    100% enrolled

    인프런에서 여러 강의를 거쳐왔는데 이렇게 신나게 공부한 건 처음입니다. 맨날 코드 볼때마다 얼굴이 흙빛이 되어갔는데 선생님 목소리도 발랄하고 본심을 숨기지 못하고 고양이 귀여워..하시는 모습들 보면서 덩달아 기분 좋게 배울 수 있었어요. 특히 그동안 뜻 모르고 따라쳤던 명령어 같은 것들을 풀어서 상세하게 알려주셔서 아 이게 이런 뜻이었구나!하고 또 기쁘게 배우고... 강의 들으면서 제일 많이 배운 게 이 강의입니다. 기초부터 차근차근 알려주셔서 쉽게 따라갈 수 있었구요. 강의에 필요하지만 어려운 개념들은 깊게 파고들지 않고 따로 공부할 수 있도록 링크들 나눠주신 것도 아주 큰 도움이 되었어요. 맨 처음 배울 때는 고양이 사진 3장 가지고 짤을 어떻게 만들지 생각했는데 API 사용법까지 알려주셨네요. 진짜 진짜 알차게 배웠어요. 선생님 꼭 중급, 고급 강의까지 찍어주시고, 새해 복 많이 받으시고 사는 동안 많이 버시고... 너무 마음에 드는 강의라 더 많은 칭찬을 해드리고 싶은데 머리가 마음을 못 따라가네요. ㅎㅎ 한번 더 듣고 개인프로젝트도 만들어서 배포해볼게요! 감사합니다!!

    • 진유림
      Instructor

      아이구 ㅠㅠ 감덩이에요... 감사합니다 ㅎㅎ 덕분에 중고급 강의도 찍을 힘이 나네요! 새해 복 많이 받으세요~

  • jj4783님의 프로필 이미지
    jj4783

    Reviews 6

    Average Rating 4.8

    5

    100% enrolled

    리액트 공식문서로 입문하기 어려운 사람(저 포함)에게 도움이 되는 강의입니다:) 총 시간이 짧아 피로도도 적고, 반복적으로 학습하기에 좋습니다! 그럴싸한 웹 앱이 만들어지는 것도 너무 좋네요!!

    • daehyun님의 프로필 이미지
      daehyun

      Reviews 6

      Average Rating 4.8

      5

      100% enrolled

      다른 곳에서 react를 create-react-app을 통해서 바로 만들어서 배웠지만 왜 이렇게 쓰는지 잘 몰라서 금방 그만뒀었는데 유림님 강의를 통해서 기초부터 배울 수 있었습니다.

      • 강동재님의 프로필 이미지
        강동재

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        리액트라는걸 듣기만 했고 책을봐도 이해가 되지 않아 인프런을 통해 유료강의를 들었습니다. 초보자의 입장에서 이해하기 쉽고 수업내용도 잘짜여져 있어서 만족했습니다. 추후 중급편, 고급편도 강의가 있으면 듣고 싶을정도로 만족했습니다! 부디 꾸준히 강의 올려주시면 감사하겠습니다👍

        • bee님의 프로필 이미지
          bee

          Reviews 6

          Average Rating 5.0

          5

          49% enrolled

          아직 앞쪽 수강 중이지만 정말 친절하고 깔끔하고 요즘 리액트 트렌드까지 설명해주셔서 너무 좋아요. 그리고 목소리가 너무너무 귀여우시고 경쾌한 느낌이라 졸리지도 않고 훨씬 집중이 잘됩니다 ㅠㅠ! 덕분에 리액트의 첫인상이 매우 좋아요. 인프런에서 아주 만족하면서 듣는 강의 중 하나라서 중급과 고급 레벨도 얼른 올라왔으면 좋겠어요. (중급이랑 고급은 총 강의 시간이 좀 더 긴가요? 명확하지만 짧은 감이 있는 게 좀 아쉬웠어서 수강료가 비싸더라도 강의가 길었으면 좋겠어요) 좋은 강의 감사합니다 ✨

          Limited time deal

          $33,000.00

          25%

          $34.10

          jayjinjay's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!