Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
[2024 리뉴얼] 한입 크기로 잘라 먹는 리액트(React.js)
Highest Rated
Rating: 4.8 out of 5(753 ratings)
3,558 students

[2024 리뉴얼] 한입 크기로 잘라 먹는 리액트(React.js)

[2024 리뉴얼] 실전 프로젝트 감정일기를 만들며 배우는 리액트(React)
Last updated 2/2025
Korean

What you'll learn

  • 실제 접속 가능한 React 포트폴리오를 갖게 됩니다
  • Javascript 프론트엔드 개발자로써 첫 발걸음을 내딛게 됩니다.
  • 단순히 기술을 사용하기만 하는 것이 아니라, 완전히 이해하고 어떤 상황에서 필요하고, 어떻게 사용해야 하는지 아는 사람이 됩니다.
  • 개발을 진행하다가 처음 만난 문제도 쉽게 해결할 수 있는 문제 해결 능력을 얻게 됩니다.
  • 서버와 클라이언트, 터미널, SPA MPA 등등의 웹 CS지식을 완벽히 이해하고 응용할 수 있는 개발자가 됩니다.

Course content

13 sections98 lectures18h 36m total length
  • 강의 및 강사 소개8:09
  • 리뉴얼 이전 버전 강의 시청안내0:35
  • 수강생 커뮤니티 참가 안내0:32
  • 한입 FE 완강 챌린지에 참가하세요0:11
  • 예제 코드 및 강의 자료 안내0:56
  • 1.1) 안녕 자바스크립트7:23
  • 1.2) VsCode 설치하기10:26
  • 1.3) 자바스크립트 실습 환경 설정하기7:16
  • 1.4) 변수와 상수11:52
  • 1.5) 자료형11:46
  • 1.6) 형 변환8:28
  • 1.7) 연산자 113:37
  • 1.8) 연산자 28:48
  • 1.9) 조건문10:29
  • 1.10) 반복문8:01
  • 1.11) 함수11:33
  • 1.12) 함수 표현식과 화살표 함수6:30
  • 1.13) 콜백함수11:24
  • 1.14) 스코프6:41
  • 1.15) 객체 113:09
  • 1.16) 객체 24:20
  • 1.17) 배열4:12

Requirements

  • HTML & CSS 경험이 있으면 좋습니다.
  • Javascript HTML 클릭 이벤트 처리 정도 알고 있으면 충분합니다.
  • 아예 웹 경험이 없더라도, Python이나 C언어에 관련 경험이 있으면 좋습니다.
  • 아무것도 모르더라도 처음부터 배워나갈 수 있습니다.

Description

2024 리뉴얼 버전
한 입 크기로 잘라먹는 리액트
세상에서 가장 친절하고, 세상에서 가장 쉬운 리액트 강의를 향해


JavaScript 기초부터,
React.js 실전 프로젝트까지

React.js는 Node.js 환경에서 구동되는 JavaScript의 라이브러리입니다.
그러므로 React.js는 결국 JavaScript를 더 잘 활용할 수 있도록 도와주는 도구에 불과합니다.
따라서 JavaScript와 Node.js를 제대로 이해하고 있지 못하다면 React.js를 제대로 활용할 수 없습니다.

이 강의는 JavaScript 기초부터 Node.js를 거쳐 React.js를 배웁니다.
그런데 그냥 배우면 또 재미없죠! 총 3번의 프로젝트를 통해 React.js를 배웁니다.
이런 과정 속에서 여러분은 탄탄한 기본기를 갖춘 프론트엔드 개발자로 거듭나시게 될 겁니다.


[ Q. 누가 들을 수 있나요? ]

본 강의는 기본적으로 React를 배우고 싶은 누구나 들을 수 있도록 제작되었으나

HTML, CSS를 아주 간단하게라도 경험해 보신 분들이 듣기에 가장 수월하게 최적화 된 강의입니다.

아직 경험이 없으시다면 생활코딩님의 HTML, CSS 무료 강의를 먼저 수강하시는 걸 권장드립니다.


[ Q. 리액트(React.js) 최신 버전을 배워야 하는 이유가 있나요? ]

React를 포함하여 자바스크립트 프론트엔드 생태계는 주기적으로 큰 변화가 일어나게 됩니다.

따라서 현재 트렌드에 맞지 않은 버전을 학습하게 되면, 최신 버전의 사용법과 원리를 다시 파악해야 합니다.

본 강의는 함수형 컴포넌트, ES8와  React router V6등등의

2021년 12월 기준으로 가장 안정적인 최신 버전 내용을 담고 있습니다.


[ Q. Node.js나 자바스크립트를 몰라도 리액트(React.js)를 배울 수 있나요? ]

그런 학습 방식은 절대 좋지 않으며, 단언코 오래 갈 수 없습니다.

React는 자바스크립트의 라이브러리입니다.

즉, 자바스크립트를 더 효율적으로 사용할 수 있게 도와주는 기술이며

Node.js라는 환경을 기반으로 동작합니다.

따라서 자바스크립트와 Node.js를 모르는 상태에서 React.js를 바로 학습하는 건 불가능합니다.


[ Q. Node.js나 자바스크립트를 모르는데 그럼 다른 강의를 먼저 듣고 와야 하나요? ]

본 강의는 자바스크립트부터, Node.js를 거쳐 , 웹의 구동방식까지 다루는 All-in-One 강의입니다.

본 강의는 리액트 내용 뿐만 아니라

리액트를 학습하는데 꼭 필요한 자바스크립트 지식과 Node.js 지식을 같이 제공합니다.

따라서 본 강의 한번으로 리액트에 필요한 기초 지식을 학습하고, 리액트까지 학습할 수 있습니다.

만약 여러분이 이미 자바스크립트와 Node.js에 대해 잘 알고 있다면

우리 강의의 자바스크립트와 Node.js 부분은 리마인드용 으로 사용하시면 됩니다.


[ Q. 리액트(React.js)를 배워야 하는 특별한 이유가 있나요? ]

리액트는 프론트엔드 생태계의 거스를 수 없는 대세 입니다.

JS Flavor의 2020년도 조사에 따르면

리액트를 사용하고 있고 다른 프로젝트에서도 사용할 계획이라고 응답한 개발자가 70%에 달할 정도로

리액트는 전 세계적으로 많은 개발자들에게 사랑 받고 있는 기술입니다.

심지어 페이스북, 인스타그램, 에어비엔비, 넷플릭스 등등의 세계적인 서비스도 이 리액트로 개발되었다는 사실! 알고 계셨나요?


[ Q. 그럼 리액트(React.js) 어떻게 배워야 하나요? ]

실전 경험이 부족한 사람은 자주 실수를 하듯

실전 프로젝트를 여러번 진행하며 배우는 것이 가장 효율적이고 빠른 방법입니다.

따라서 본 강의에서는 프로젝트를 2개를 진행하게 됩니다.

이 프로젝트를 진행하며 여러분은 단순 React를 사용하는 방법이 아니라, 앞으로 어떻게 학습해 나가야 할 지

어떤 추가적인 학습을 수행해야 할 지 알게 됩니다.



[ Q. 이 강의가 제공하는 차별점은 무엇인가요? ]

웹 개발 기술을 배웠다면 바로 써먹을 수 있어야 됩니다!

우리는 리액트(React.js) 라는 웹 개발 기술을 배우며 "감성 일기장" 프로젝트를 진행하고

Firebase 서비스를 사용하여 배포하고, Open Graph 세팅 까지 하여

친구와 가족들에게 자랑할 수 있게 멋지게 꾸며 볼 겁니다.


[ Q. 오픈 채팅 방 운영 중! ]

강의를 진행하다가 궁금한 점이 생기면 바로바로 물어보세요

강의를 진행하다가, 강사와 똑같이 했는데 다른 결과가 나오면 당황스럽잖아요?

따라서 질문을 받고, 정보를 공유 할 수 있는 카카오톡 오픈 채팅방을 운영하고 있습니다.


Who this course is for:

  • React를 배워보고 싶은 프론트엔드 웹 개발자 or 웹 개발자 지망생
  • Javascript부터 Nodejs까지 React개발에 필요한 모든 개념을 올인원으로 학습하고 싶은 사람
  • 기본적인 HTML CSS 사용법을 알고 있는 사람