초급
챕터 14개 · 13시간 35분
한국어 · 영어 · 일본어|오디오 한국어

이런 걸 배울 거예요

리액트 기초

리액트의 기초를 탄탄하게 배웁니다.

리액트라우터

리액트라우터로 멀티페이지 앱을 쉽게 구현합니다.

Next.JS

리액트 개발에 필요한 모든것을 갖춘 스타터킷을 처음부터 제공합니다.

MUI

가장 인기있는 리액트 컴포넌트 라이브러리인 MUI 사용법을 학습합니다

Maria DB

가장 널리 사용되는 DBMS인 MySQL로 앱 데이터를 관리합니다.

EXPRESS JS

인기있는 백엔드 프레임워크인 EXPRESS로 API 서버를 구현합니다.

React Query

복잡한 API 통신을 간편하게 구현합니다.

Recoil

복한한 상태 관리를 쉽게 관리합니다.

리액트를 배우기엔 아직 기초가 부족한 거 아닐까? 걱정하지 마세요.

클래스를 신청하신 모든 클래스메이트에게 HTML, CSS, JS 자료와 소스코드를 제공합니다.


React 풀스택, 제대로 배워봅시다

높은 생산성과 편리한 유지보수를 자랑하는 React, 막상 배우려니 핵심만 빠르게 배우기는 쉽지 않습니다. 왜일까요?


  • 프론트엔드의 기술 트랜드는 정말 빠르게 바뀝니다.
  • 때문에 초심자가 어떠한 기술 스택을 조합해야 하는지 알기 어렵고, 정답도 존재하지 않습니다.
  • 생각보다 방대한 리액트의 세계, 실무에서 사용하는 기능 파악도 어렵습니다.

그렇기 때문에 우리는 확실한 전략을 가지고 리액트를 배워야 합니다.


현업 기술 스택의 핵심만 담았습니다

이번 클래스는 리액트 풀스택 개발자 취업을 목표로 기획 되었으며, 기타 입문용 강의에 비해서 난이도가 있는 편입니다. 목표가 확실한 만큼 클래스에 핵심만을 담았습니다.


  • 리액트 기초 문법
  • 자바스크립트 최신 문법
  • 리액트 핵심 기술 스택
  • 실무 퀄리티 웹앱 개발 및 배포
  • 코칭권을 통한 포트폴리오, 커리어 코칭

망설임도, 걱정도 없이 커리큘럼만 따라오시길 바랍니다.


React 관련 스택 풀 커버

어떤 기술스택을 배워야 할까 고민하지 마세요. 실무에서 사용하는 React 관련 라이브러리, 프레임워크 모두 한 번에 학습합니다.


실무 필수 기능 구현 실습

실습 내용 미리보기

📍 간단한 숫자 카운팅 기능 구현 : 리액트의 기초를 배울 수 있습니다. useState, 불변성, 가상DOM 등을 다룹니다.

📍 MUI로 앱을 예쁘게 꾸미기 : 리액트 앱을 예쁘게 꾸미는데 필요한 MUI 컴포넌트들을 학습합니다.

📍 멀티체크박스 관리 기능 구현 : 숫자 카운팅에서 미처 다루지 못했던 리액트 핵심 기능들을 배웁니다, useEffect, useRef 등을 다룹니다.


프론트엔드만 다루지 않습니다

실제 사용할 수 있는 서비스로 업그레이드

React Query, Maria SQL, Next js, Express 를 활용해 기존의 오프라인 앱에 API 통신 기능을 추가하여, 언제 어디서든 사용할 수 있는 서비스로 업그레이드하는 방법을 배웁니다.

API 통신은 웹 개발자가 알아야 할 최소한의 백엔드로 취업 시장에서 굉장한 경쟁력이 되어줄 겁니다.



3,000시간 이상을 강의한

베테랑 교육자 & 현업 개발자

크리에이터 소개

안녕하세요, 몰입코딩입니다. 웹 코딩 클래스에 이어 조금 더 심도 있는 2차 클래스로 돌아왔습니다.

저는 직업 훈련 학교에서 5년 동안 개발자 양성 교육을 해왔으며, 3,000시간 이상 강의를 해왔습니다. 저는 양산형 커리큘럼으로 강의하는 강사가 아닙니다. 지금 현업에서 사용하는 기술 스택, 코드를 스스로 학습하며 취업까지 갈 수 있도록, 실무 맞춤형 커리큘럼으로 가르쳐 드리겠습니다.


📍 장희성 강사 이력

  • 멋쟁이 사자처럼 주관, 2022 탈잉 취업 익스턴십 강사
  • 멋쟁이 사자처럼 주관, 2022 에이블리 취업 익스턴십 강사
  • CLASS101에서 웹코딩 강좌
  • 현 SBS 아카데미학원 C, C++, 자바, 웹 퍼블리싱, DB, SERVLET/JSP, PHP, 스프링, 리눅스, 안드로이드 등 다수 강의 (2016~)
  • 이케아, iism, fiberpro, 아몬즈, 삼성, 크레인/중장기 전문 신호수 양성, 필기/실기 시험 솔루션 등 다양한 외주 프로젝트 진행 (2016~) 등 다수


각자의 시작은 다르지만

완강 후 끝은 같습니다

우리는 이번 클래스를 통해 '할일 관리 앱'과 '스쿼트 챌린지 앱' 을 개발해봅니다. 클래스를 시작하는 여러분 중에는 웹개발에 이제 막 입문하는 분도, 그렇지 않은 분도 계실 겁니다.

그러나 많은 분들이 착각하고 있는 개발자 직업 훈련에 대한 미스 컨셉을 없앤다면, 수강생의 현재 수준에 상관없이 충분히 이 강좌의 내용을 잘 수행할 수 있습니다.


저는 여러가지 훈련 지침을 가지고 있습니다. 이번 클래스를 수강하신다면 모든 챕터마다 '정리' 라는 체크 포인트를 만나실 겁니다.

체크포인트를 만난다면, 다음 강의 수강을 잠시 멈추고, 해당 조건들을 달성할 때까지, 반복 훈련을 하셔야 합니다. 이해가 안 된다면 언제든 질문하세요. 함께 답을 찾겠습니다.

제 커리큘럼을 충실히 따라오신다면 누구나 리액트 풀스택 개발자가 되실 수 있습니다.

커리큘럼

크리에이터

몰입코딩

몰입코딩

안녕하세요, 몰입 코딩의 장희성 강사입니다. 저는 컴퓨터공학과를 졸업하고 2006년부터 웹 개발자로 일하기 시작해, 2015년부터는 프로그래밍 강사도 겸하고 있습니다. 저는 수강생들의 관심을 유지하려면 그들이 수업 중간에 자주 의미 있는 결과물을 얻을 수 있어야 한다고 생각합니다.

즉, 공부가 즐거워야 한다고 생각하죠. 그래서 이번 클래스도 재미있는 3개의 토이프로젝트를 준비했습니다.

결과까지 탄탄한 클래스를 약속 드릴게요 :)


📍장희성 강사 이력

  • 멋쟁이 사자처럼 주관, 2022 탈잉 취업 익스턴십 강사
  • 멋쟁이 사자처럼 주관, 2022 에이블리 취업 익스턴십 강사
  • CLASS101에서 웹코딩 강좌
  • 현 SBS 아카데미학원 C, C++, 자바, 웹 퍼블리싱, DB, SERVLET/JSP, PHP, 스프링, 리눅스, 안드로이드 등 다수 강의 (2016~)
  • 이케아, iism, fiberpro, 아몬즈, 삼성, 크레인/중장기 전문 신호수 양성, 필기/실기 시험 솔루션 등 다양한 외주 프로젝트 진행 (2016~)
  • 온라인 세포게임, 한국 서버 운영 및 유지 보수 : http://agar.ddack.oa.gg/ (2015)
  • 한국 선박해양연구소 선박 운행 시뮬레이션 구현 (2015)
  • 자동차 신문사 모터 그래프 CMS 개발/유지 보수 (2014~2015)
  • 스포츠/연예 언론사 OSEN CMS 개발/유지 보수 (2014~2015)
  • 금단비가, 피부/마사지/경략 숍 CRM 고객 관리 서비스 (2013)
  • 이츠미물류 동대문 의류시장 배송대행 프로젝트 (2008~2013)
  • 이츠미 동대문 의류 상품 촬영 대행 프로젝트 (2008~2013)
  • 아사달 웹 쇼핑몰 제작 (2008)
  • 아이샤피 미니홈피 + 쇼핑몰 프로젝트 (2006~2008)
  • 고용노동부 직업훈련교사 3급 취득
  • 한경대학교 컴퓨터공학과(졸업)


몰입코딩

몰입코딩

이 클래스와 비슷한 추천 클래스

React 로 웹 개발의 기초부터 프로덕션까지 :: To-Do, 메모앱 만들기Web · 프론트엔드  |  kidevelop
고객센터오전 10시 ~ 오후 6시 (주말, 공휴일 제외)
주식회사 클래스101
대표 공대선
서울특별시 강남구 테헤란로 415, 4층(삼성동, 엘7강남타워)
대표전화 : 1800-2109
이메일 : ask@101.inc
사업자등록번호 : 457-81-00277
통신판매업신고 : 2022-서울강남-02525
클라우드 호스팅 : Amazon Web Services Korea LLC
사업자 정보 자세히 보기
클래스101은 통신판매중개자로서 중개하는 거래에 대하여 책임을 부담하지 않습니다.