- 다회차
- 최대 4명
프론트엔드 개발의 지름길 - React.js


클래스 전 숙지해주세요!
- 본 강의는 2~4인 그룹강의입니다.
- 수업날짜 및 시간은 수강생들과 조율 후 결정됩니다.
- 1대1 혹은 온강의를 원하시는분은 따로 문의바랍니다.
클래스 요약
👉 React.js 중심이 수업입니다
👉 Typescript도 필수죠!
👉 Js핵심은 숙지하셔야죠
😀 이런점이 달라요 😀
- 실무에 필요한 기타 툴팁도 가감없이 추천드립니다(익스텐션, 개발도구 등등)
- 취업고민상담까지 해드립니다 (현 회사 면접관)
- 면접관입장에서 면접지도해드립니다
이런 분들이 들으면 좋아요.
😀 추천합니다
- 웹퍼블리셔에서 프론트엔드로 전향하길 원하시는분
- HTML / CSS / Javascript의 기본정도 알고계신분
- 부트캠프 출신과는 다른 경쟁력을 가지고싶으신분
😅 비추합니다
- HTML / CSS / Javascript가 미숙하신분
- 단기간에 취업하고싶은분
튜터님을 소개합니다.

김태완
블로그- 정보처리기사
- 웹디자인기능사
안녕하세요~
디자이너 및 웹퍼블리셔로 3년간 재직 후 현재 빅데이터, AI회사에 프론트엔드 개발자로 재직중인 부디입니다 : )
모든 과정을 독학으로 공부했고, 높은 경쟁률을 뚫고 취업에 성공했습니다.
저만의 독학 노하우와 수많은 탈잉강의 경험을 토대로 요즘 핫트렌드인 프론트엔드 개발자.
제가 도와드리겠습니다 : )
어떤 클래스 인가요?
수업진행
- 기본적으로 그룹 강의입니다.
* 1대1 혹은 오프라인수강을 원하시면 채팅문의주세요! (비용변동있음)
- 주 1회를 원칙으로하며, 수강생들과 적절한 장소에서 수업을 진행합니다.
장비
- 개인노트북은 필수입니다
개발환경
- IDE는 Visual Studio Code를 지향합니다
수업목표
- 프론트엔드 입문이 힘든분에게 보다 이해하기 쉽고 빠르게 알려드리며, 스스로 공부해나갈 수 있는 개발자로 키워드립니다.
- 변화가 잦은 프론트엔드 시장에서 살아남을 수 있는 마인드를 알려드립니다
수업결과물
- 6주간의 수강을 마치면 기본적인 React문법과 Type지정, 글로벌 상태관리를 하실 수 있습니다.
클래스 유의사항
노트북 지참바랍니다.
설치가 필요한 부분은 수강전 안내드리겠습니다 😀
클래스는 이렇게 진행됩니다.
- git 기초 설명 및 git-flow 전략에 대한 소개
- CRA로 React 환경설정 및 Typescript 템플릿추가
- 프로젝트 디렉터리 설명
- 함수형 컴포넌트 와 useState훅 설명
- Axios를 이용한 Rest Api 데이터 CRUD
- api로 받은 데이터를 state에 저장하여 화면에 뿌려주는법
- 컴포넌트를 쪼개는 기준과 팁
- 자식 컴포넌트에 state를 물려주는법
- React에서 순회문 사용하는법
- useEffect훅과 의존배열 설명
- useRef를 이용한 HTMLElement를 조작하는법
- 자바스크립트에서의 비동기란? (Promise, async, await)
- Global State Manage를 위한 방법
- react-router-dom을 이용한 라우팅
- styled-component를 활용한 CSS in JS
- React에서 자주 쓰이는 ES6문법 정리
react 프로젝트 제작 (게시판, 상품상세, 로그인 등등 필수 기능 구현을 목적으로함.)
디렉터리 구조 , 환경변수 등등 실무에 가까운 환경으로 제작.
실제 수강생의 리뷰입니다.
- 커리큘럼0
- 전달력0
- 시간준수0
- 준비성0
- 친절도0