강의

멘토링

커뮤니티

BEST
개발 · 프로그래밍

/

프론트엔드

만들면서 배우는 리액트 : 기초

리액트를 가장 쉽고 빠르게 배울 수 있는 리액트 입문 강의입니다. 토이 프로젝트를 만들면서 개념과 실전 감각을 익히고 배포까지 3시간 만에 완성하는 알짜 강의! 초급, 중급, 고급으로 구성된 시리즈의 첫 번째 강의입니다 :)

(4.8) 수강평 180개

수강생 1,584명

  • 진유림

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

이런 걸 배울 수 있어요

  • 리액트 개발

  • 프런트엔드 개발

  • 웹 개발

  • 나만의 토이프로젝트

  • 백엔드 연동

처음 만나는 리액트React,
가장 쉽고 빠르게 끝내고픈 당신을 위해!

지금 프론트엔드는 
리액트가 대세 ✨

현재 프론트엔드 진영에서 가장 많이 사용하는 라이브러리, 리액트
리액트를 사용하면 순수 자바스크립트만으로 제어하기 복잡한 모던 웹앱을 코드 몇 줄로 간편하게 관리할 수 있게 됩니다.

그런데... 막상 리액트를 핵심만 빠르게 배우기는 쉽지 않습니다. 왜일까요?


지금, 여러분의 고민은 아닌가요? 

따라하는 데 시간이 너무 많이 드는 
프로젝트는 부담스러워요. 
빠르게 핵심만 배우고 싶어요! 

리액트 하나 배우는데 굳이 
복잡한 다른 스킬까지 다룬다고요?
HTML/CSS/JS만 가지고 해볼 수는 없나요?

리액트를 배운다고 해도 
막상 실무에서 가장 자주 쓰이는 기능을 
자신있게 쓰지 못하면 어떡하죠?

리액트를 배우려고 하는데 
어려운 단축키나 개념, 용어가 많으면 
진도를 따라가기 힘들 것 같아요.

혹시 내 얘기 같다면,
초보자를 위한 진짜 리액트 입문 강의를 만날 때!


핵심만 담았다! 
초보자 눈높이에 딱 맞는
리액트의 정수.

문법만 익히다 보면 실무에서 어떻게 리액트를 활용해야 하는지 감을 잡기 어렵습니다.
이 강의에서는 리액트 실무 개발에 필요한 모든 기초 개념을 토이프로젝트를 통해 쉽고 빠르게 익혀봅니다. 

효과적인 학습을 위한 4가지 핵심 Point!

핵심만 쏙쏙!

실무에 꼭 필요한 리액트의 핵심 개념을 3시간 안에 차례대로 배워갈 수 있습니다.

스스로 점검해 보세요

개념을 잘 이해했는지 과정 중간마다 실습 퀴즈/리뷰를 통해 스스로 점검해볼 수 있어요.

초심자를 배려한 강의

Node.js, NPM, ES6+ 등 초심자에게 어려울 수 있는 기술 요소는 제외했습니다. 그 대신 잘 모를 수 있는 단축키나 용어, 개념 설명을 중간중간 함께 전달해 쉽게 이해할 수 있도록 도와드려요.

실무에 활용할 수 있도록

준비된 교안을 읽는 대신 라이브 코딩을 통해 결과를 눈으로 확인할 수 있습니다. 실제 API를 연동해서 서버 개발자와의 협업 과정도 맛볼 수 있고, 완성물을 배포해 포트폴리오로 활용할 수도 있어요.

도전! 고양이 짤방 앱 만들기 😺

HTML, CSS, JavaScript만 알면 OK!
간단한 웹 애플리케이션을 직접 만들어보세요. (링크)


여러분의 리액트 입문,
가장 쉽게 도와드릴게요!

8년차 프론트엔드 개발자, 진유림입니다 😊

평균 별점 4.9★, 160개 이상의 리뷰가 증명해요.

정말 친절하고 자세하게 하나씩 알려주셔서 속성 과외를 받는 기분이었어요.

듣지 않았더라면 낭비했을 시간을 이 강의 덕분에 세이브할 수 있어서 너무 다행입니다.

친절하게 차근차근 알려주시고, 실습 같이 하면서 들으니까 이해가 너무 잘 돼요.

앞으로 다른 강의를 올려주셔도 바로 구매할 예정입니다. 좋은 강의 감사합니다 😍

인프런 [팀 개발을 위한 Git, GitHub 입문] 강의에 남겨주신 수강평입니다 💌

현업 프론트엔드 실무자들이
적극 추천한 바로 그 리액트 강의!


자주 묻는 질문
모았습니다 💬

Q. 프런트엔드 개발을 이제 시작합니다. 이 강의를 들어도 될까요?

이 강의는 HTML, CSS, 자바스크립트의 기본 지식이 있어야 합니다. ‘HTML은 마크업, CSS는 스타일링, 자바스크립트는 페이지 동작을 담당하고 있다’는 개념과, 기본적인 문법 정도만 알고 계시면 수강하셔도 괜찮습니다 :)

Q. 자바스크립트는 어느 정도 알고 있어야 할까요?

자바스크립트의 변수, 함수, 조건문, 반복문, 객체 정도 알고 계시면 수강이 가능합니다. 최신 자바스크립트 문법인 ES6+ 를 모르시더라도 수강하실 수 있습니다 :)

Q. 이 강의를 들으면 취업에 도움이 될 수 있을까요?

고양이 짤방 생성기라는 간단한 프로젝트를 만들면서 리액트 개념과 문법에 친숙해질 수 있습니다. 실제 데이터인 Open API까지 연동하고 깃헙 페이지로 배포하기 때문에 포트폴리오로도 사용하실 수 있습니다 :)

학생, 취준생분들께 강의 금액을 지원해드립니다 💪

수입이 없는 학생분들이나 취업준비생 분들이 덜 부담스럽게 강의를 들을 수 있도록 50% 할인 쿠폰을 드립니다.   신청 링크 / 문의 사항


Coming Soon! 
[만들면서 배우는 리액트]는 
계속됩니다 🏃‍♀️

본 강의는 초급 - 중급 - 고급으로 구성된 시리즈의 첫 번째 [기초편] 강의입니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 리액트를 처음 시작하는 웹 개발자

  • 프런트엔드 개발자

  • 리액트로 취업을 준비하는 취업 준비생

  • 리액트를 배우고 싶은 퍼블리셔

  • 리액트 문법은 아는데 실무에 어떻게 적용해야하는지 헷갈리는 사람

선수 지식,
필요할까요?

  • HTML

  • CSS

  • JavaScript 기초

안녕하세요
입니다.

4,815

수강생

562

수강평

271

답변

4.9

강의 평점

2

강의

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

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

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

커리큘럼

전체

37개 ∙ (3시간 26분)

해당 강의에서 제공:

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

수강평

전체

180개

4.8

180개의 수강평

  • hershe님의 프로필 이미지
    hershe

    수강평 4

    평균 평점 5.0

    5

    100% 수강 후 작성

    I have taken many lectures at Inflearn, but this is the first time I have studied this excitedly. Every time I looked at the code, my face turned pale, but the teacher's voice was cheerful and she couldn't hide her true feelings and said that cats were cute. I was able to learn happily along with her. In particular, she explained in detail the commands that I had followed without knowing their meaning, so I thought, "Oh, this is what it means!" and learned happily... This lecture is the one I learned the most from. She explained it step by step from the basics, so I could follow along easily. It was also very helpful that she shared links so that I could study difficult concepts separately without digging deep into the lecture. When I first learned, I thought about how to make a meme with 3 cat pictures, but she even taught me how to use the API. I learned a lot. Teacher, please make intermediate and advanced lectures, and I wish you a happy new year and a lot of money while you live... I really like this lecture, so I want to praise you more, but my head can't keep up with my heart. Haha I will listen to it again and make a personal project and distribute it! Thank you!!

    • jayjinjay
      지식공유자

      Oh my gosh ㅠㅠ It's so sad... Thank you ㅎㅎ Thanks to you, I have the strength to film intermediate and advanced lectures! Happy New Year~

  • jaysss님의 프로필 이미지
    jaysss

    수강평 6

    평균 평점 4.8

    5

    100% 수강 후 작성

    This is a helpful lecture for those who find it difficult to get started with the official React documentation (including me):) The total time is short, so it is less tiring, and it is good for learning repeatedly! It's also great to see a realistic web app being created!!

    • daehyun7973님의 프로필 이미지
      daehyun7973

      수강평 7

      평균 평점 4.9

      5

      100% 수강 후 작성

      I learned how to create react directly through create-react-app elsewhere, but I quickly gave up because I didn't really know why it was used that way. But I was able to learn from the basics through Yulim's lecture.

      • kdong님의 프로필 이미지
        kdong

        수강평 1

        평균 평점 5.0

        5

        100% 수강 후 작성

        I only heard about React and didn't understand it even after reading the book, so I took a paid lecture through Inflearn. I was satisfied because it was easy to understand from a beginner's perspective and the class content was well-organized. I was satisfied enough to want to take intermediate and advanced classes in the future! Please upload lectures consistently, thank you👍

        • lhb19951521님의 프로필 이미지
          lhb19951521

          수강평 6

          평균 평점 5.0

          5

          49% 수강 후 작성

          I'm still in the early stages of the course, but I really like how the instructor is very kind and neat, and explains even the latest React trends. And the voice is so cute and cheerful, so I don't get sleepy and I can concentrate much better ㅠㅠ! Thanks to that, my first impression of React is really good. It's one of the lectures that I'm really satisfied with at Inflearn, so I hope the intermediate and advanced levels come out soon. (Is the total lecture time for the intermediate and advanced levels a bit longer? It's clear, but it feels short, so I wish the lectures were longer, even if the tuition is expensive.) Thank you for the great lecture ✨

          ₩44,000

          진유림님의 다른 강의

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

          비슷한 강의

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