[리액트 2부] 고급 주제와 훅
리액트(React)는 실무에서 가장 많이 찾는 인기 프론트엔드 기술입니다. 리액트를 이용해 애플리케이션을 빠르게 개발하고 유지 보수 가능한 코드를 만들어 보세요.
중급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.
이런 걸
배워요!
리액트 컴포넌트 (React Component) 설계 기법
리액트 고급 주제와 활용
리액트 훅 (React Hook)
리액트 고급 주제와 훅을 확실히 알려드려요.
이 강의의 목표
'리액트로 생각하기' 기반으로 한 컴포넌트 설계 기법 숙달
컨택스트, 레프, 고차 컴포넌트, 제어 컴포넌트 등 1부에서 다루지 않았던 리액트 고급 주제 이해
기본 훅, 추가 훅 등 실무에서 많이 사용하는 여섯 개 훅을 이해
강의 특징
리액트 핵심 개념을 직접 만들면서 구조를 이해
배달 어플리케이션을 만들며 실무 수준의 리액트 사용법을 훈련
주요 내용
리액트로 사고하기
1부 수업 요약, 실습 환경 구성, 결과물 소개
유지보수 가능한 컴포넌트 설계 및 구현
고급 주제
리액트 컨택스트, 고차 컴포넌트 패턴, 레프, 포탈 이해
이를 활용한 라우터, 다이얼로그 모듈 개발
훅 1
클래스와 함수 컴포넌트의 비교, 훅 등장 배경
상태 훅, 부수효과 훅, 컨택스트 훅 이해 및 활용
훅 2
제어 컴포넌트, 이를 활용한 폼 모듈 개발
레프 훅, 리듀서 훅, 메모이제이션 훅 이해 및 활용
수업 자료
강사 소개
김정환
웹 기술을 학습하고 정리하는 걸 좋아하는 실무 개발자
웹 기술 및 개발자로서의 생각을 담은 기술 블로그를 운영합니다.
강의 보기학습한 기술과 실무에서 배운 노하우를 모아 발표나 강의 형식으로 공유합니다.
우아한형제들에서 프론트엔드 개발자로 일합니다.
수강생을 위한 질의 응답
Q. 비전공자도 들을 수 있는 강의인가요?
아니요. 웹 개발에 대한 경험이 조금은 있어야 합니다.
Q. 이전 수업을 반드시 수강해야 하나요?
네, 1부 수업의 연장이라서 이전 내용을 충분히 이해하신 뒤에 수강하시는 것이 좋습니다.
Q. 왜 리액트를 배워야 하나요?
최근 채용 시장에서는 모던 웹 프레임워크 지식을 가진 개발자를 찾습니다. 이 중 가장 인기있는 리액트 기술 역량을 갖춘다면 많은 회사에서 찾는 인재가 될 수 있을 거에요.
Q. 리액트를 배우면 뭐가 좋은가요?
유저 인터페이스 개발에 대한 공통 문제를 리액트가 상당 부분 해결해 주는데요. 개발자는 조금 더 비즈니스 로직 개발에 집중하고 빠르게 제품을 만들어 낼수 있는 도구를 하나더 갖게되는 셈이에요.
Q. 강의 수강전 준비할 것이 있나요?
한 번이라도 웹 개발에 대해 경험하셔야 수업을 듣는 의미가 있어요. HTML, 자바스크립트 문법을 숙지가고 있다는 전제 하에 수업을 진행하기 때문입니다. 아직 웹 기초가 부족하신 분들은 먼저 학습하신 후에 수강을 추천 드립니다.
Q. 수업 내용은 어느 수준인가요?
리액트 공식 문서의 고급 안내서와 훅을 바탕으로 준비한 내용입니다. 리액트의 핵심이라고 할만한 부분들 다룹니다.
Q. 수강 관련 참고 사항이 있나요?
수업에서 사용할 도구는 네 가지입니다. Node.js 개발 에디터, 웹프라우져, 깃. 미리보기 수업에서도 확인하룻 있어요. (실습 환경 구성)
이전 강의
이런 분들께
추천드려요!
학습 대상은
누구일까요?
리액트 사용법뿐만 아니라 구조와 원리를 배우고 싶은 분
서드파티 라이브러리(라우터, 폼, 모달)를 배우고 싶은 분
선수 지식,
필요할까요?
리액트 1부 강의에 해당하는 수준의 이해
안녕하세요
김정환입니다.
👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
커리큘럼
전체
167개 ∙ (19시간 47분)
[1.1장 준비] 중간 정리
02:15
1편 최종 정리
06:16
[2.1장 컨택스트] 2.1.1 한계
05:21
[2.1장 컨택스트] 2.1.5 활용
07:40
2편 최종 정리
08:19
[3.2장 상태 훅] 3.2.6 역할
04:10
3편 최종 정리
08:53