13,200원
중급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.
React 렌더링 원리, 최적화를 마스터해서 실전 활용 및 면접 준비를 해보세요!
✍️
이런 걸
배워요!
이런 걸
배워요!
리액트 렌더링 원리
리액트 최적화 방법
이미지 최적화
리액트 최신 기능
Server component rendering
현업 리액트 개발에서 꼭 드는 고민,
이 강의에서 해결해 드릴게요!
부트캠프에서 알려주지 않는 것들 ✅
.png)
리액트(React) 개발 실무에서 꼭 겪는 복잡하고 어려운 문제들, 이 강의에서 모두 다뤄드립니다!
🤔 리액트의 렌더링 원리를 모르고 기계적으로 코드를 작성해 오지 않으셨나요?
👍 리액트 렌더링 원리를 알아보고 최신 버전에서 어떻게 리액트 렌더링을 최적화할 수 있는지 알 수 있게 됩니다.
🤔 최적화하는 방법을 몰라서 웹사이트가 버벅거리지 않나요?
😆 React.memo, useMemo, throttle, debounce 기술, 이미지 최적화로 웹사이트를 버벅거리지 않게 합니다.
🤔 리액트 새로운 버전이 나와도 무관심하지 않으신가요?
✌️ Automatic batching, Server component rendering, useTransition 새로운 API와 렌더링 패러다임 변화를 알 수 있습니다.
강의 커리큘럼을
확인해 보세요 📚
강의 특징 ✨
이론보다 실제 적용을 강조하고 다양한 실제 예제를 제공하며, 핵심 React 원칙에 대한 강력한 기초를 제공하는 데 중점을 둔 실무 중심의 강의입니다.
- 리액트 앱 성능 측정, 최적화 그리고 React 18에서 소개된 내용을 심도 있게 다룹니다.
- Codesandbox를 제공해 강의 내용을 쉽게 따라해볼 수 있습니다.
이 강의를 만든 애프터캠프는
- 부트캠프 수료한 분들을 위한 커뮤니티를 운영하고 있습니다.
- 단순 개발자 공급만 늘리는 정책에 반대하며, 양질의 후학들을 양성하고자 하는 꿈을 갖고 있습니다.
Q&A 💬
Q. 강의 난이도는 어느 정도인가요?
리액트를 통해서 어느 정도 개발하신 분들을 위한 중급 강좌입니다. (최소 3개월 이상의 리액트 개발 경험)
Q. 이 강의가 다른 강의들과 다른 점은 무엇인가요?
주니어 개발자들을 가르쳐 보면서 그들이 꼭 알았으면 하는 것들을 강의에 녹였습니다. 실제 현업에서 고민해 볼 만한 내용들을 담고 있어서 단순히 클론 코딩을 따라해보는 강의들과 차이점이 있다고 생각합니다.
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
리액트 개발 포지션 면접 준비하는 분
리액트 앱 성능 측정하고 최적화 하고 싶으신 분
부트캠프에서 구버전의 리액트를 사용하시는 분
사내에서 구버전의 리액트를 사용하시는 분
Next.js App Router 원리에 대해 알고 싶으신 분
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
기본적인 리액트 지식
안녕하세요
애프터캠프 입니다.
애프터캠프 입니다.
## 이력서, 포폴 첨삭 등 강의 외 문의사항이 있으시면 이곳으로 문의 주세요
강사 깃헙: https://github.com/morishjs
지식저장소: https://wiki.after-camp.com/Home
🎨 포트폴리오: https://morish.dev
📜 이력: https://shorturl.at/gKU68
부트캠프 수료했는데 앞으로 뭘 공부해야 할지 막막하시죠?
👊 부트캠프에서는 취업률 90%라고 하는데... 전 취업이 잘 안돼요! 😢
👊 취업은 했는데 사수가 없어서 너무 불안해요! 🤑
👊 작성한 코드가 동작은 하는데 이렇게 작성하는지 모르겠어요! 🤯
애프터캠프에서는 다음이 가능합니다!
👌 CTO 2번 경험, 다수의 프로젝트를 경험한 풀스택 개발자가 직접 코칭합니다.
👌 코드 리뷰, 커리어 방향성 고민을 같이 해드립니다.
👌 애프터캠프에는 한국, 미국 실리콘밸리 예비 개발자, 현직자가 모인 곳입니다.
커리큘럼
총 12 개
˙ 1시간 37분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 리액트 렌더링 최적화
8 강
∙ 52분
인트로
미리보기
00:48
리액트 렌더링 원리
미리보기
05:59
useTransition으로 빠른 반응성으로 유저 경험 향상시키기
미리보기
09:01
깜빡임 없는 렌더링을 위한 Automatic batching (React 18)
03:29
서버에 과도한 요청을 막아주는 Throttle, Debounce
05:05
렌더링 디버깅하는 법 & React.memo로 최적화
11:57
불필요한 계산을 줄이는 useMemo
07:23
요즘 핫한 🌶️ 서버 컴포넌트 렌더링 (서버 사이드 렌더링 아님 ❌)
08:35
섹션 1. 이미지 최적화
2 강
∙ 23분
돈 안 내고 이미지 최적화 하는 법
14:01
돈 내고 이미지 조작 및 최적화 하는 법 💵
09:44
섹션 2. 대량의 데이터 렌더링을 최적화 (Virtualized List)
2 강
∙ 20분
Virtualized List 구현해보기 (1)
17:07
Virtualized List 구현해보기 (2)
03:51
강의 게시일 : 2023년 07월 06일
(마지막 업데이트일 : 2023년 11월 14일)
수강평
총 11개
수강생분들이 직접 작성하신 수강평입니다.
5
11개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
유용한 툴과 패키지들을 알게 되어 좋았습니다.
내용이 많지는 않아 좀 아쉽긴하네요.
2023-11-12
강사님 다른 강의가 나오면 들어보고 싶을 정도로 깔끔하게 정리된 강의였습니다. 1편을 수강하지 않고 봤는데...1편도 어서 수강하러 가야겠네요!
2023-12-31
코드 예제를 따라치는 것 뿐 아니라
리액트 프로파일러
네트워크 속도 조절등
디버깅 하기 위한 꿀팁도 많습니다
실무자로써 많은 도움 받았습니다
감사합니다
2023-10-04
많은 강의들에서 아쉽다고 생각했던 최적화 방법, 리액트 18에서 추가된 새로운 기능들에 대해서 설명해주고, 예제로 보여줘서 더 이해하기 쉬웠습니다. 특히나 Throttle, Debounce는 차이를 설명해주고 어떤 상황에서 사용해야할지, 그리고 예제까지 보여주셔서 더 이해하기 쉬웠습니다.
3편도 기대합니다.
+ 영상의 길이가 짧고, 각 강의가 독립적인 주제여서 더 좋았습니다.
2023-07-25
리액트 고급 강의가 많이 없는데 가뭄의 단비같은 강의네요. 이번 강의는 최적화에 대한 내용을 중점적으로 다루어 주십니다. 강의가 늘어지지 않고 핵심 위주라서 오히려 좋았던 것 같아요.
2023-11-02
