27,500원
중급자를 위해 준비한
[프론트엔드] 강의입니다.
커스텀 훅, TDD, 컨텍스트 API, 리팩토링, 복잡한 상태 관리 등 React 개발의 복잡한 부분을 마스터하세요.
✍️
이런 걸
배워요!
이런 걸
배워요!
재사용 가능한 컴포넌트 만드는 법
클린코드를 위한 커스텀 훅 만드는 법
리액트 코드에서 타입스크립트 코드 작성법
실수를 방지하는 테스트 주도 개발 방법(TDD)
부트캠프에서 사용해보지 못한 리액트 API
현업 리액트 개발에서 꼭 드는 고민,
이 강의에서 해결해드릴게요!
부트캠프에서 알려주지 않는 것들 ✅
.png)
리액트(React) 개발 실무에서 꼭 겪는 복잡하고 어려운 문제들, 이 강의에서 모두 다뤄드립니다!
🤔 사수가 없어서 지저분한 구조의 코드만 작성하지는 않으시나요?
👍 단순 useEffect, useState를 넘어서 커스텀 훅, TDD, 리팩토링을 배워서 복잡한 요구사항의 어플리케이션을 만들 수 있습니다!
🤔 복잡한 상태 관리 속에서 길을 잃었다고 느끼거나 프로퍼티 드릴링에 어려움을 겪은 적이 있으신가요?
😆 이전에는 어렵게 느껴졌던 useReducer, useContext를 이해하고 복잡한 상태관리를 할 수 있게 됩니다.
🤔 신규 기능 코드만 작성하면 항상 버그가 발생하지 않나요?
✌️ TDD의 방법론과 목적을 이해하여 안정적이고 버그 없는 코드를 작성할 수 있습니다. 이 기술은 전반적인 코딩 효율성을 향상시키고 애플리케이션의 안정성을 높여줍니다!
강의 커리큘럼을
확인해보세요 📚
.png)
강의 특징 ✨
이론보다 실제 적용을 강조하고, 다양한 실제 예제를 제공하며, 핵심 React 원칙에 대한 강력한 기초를 제공하는 데 중점을 둔 실무 중심의 강의입니다.
- 테스트 주도 개발(TDD), 커스텀 훅, 컨텍스트 API, 리팩터링을 위한 Flocking 규칙, React hook 등을 심도 있게 다룹니다.
- Codesandbox를 제공해 강의 내용을 쉽게 따라해볼 수 있습니다.
이 강의를 만든 애프터캠프는
- 부트캠프 수료한 분들을 위한 커뮤니티를 운영하고 있습니다.
- 단순 개발자 공급만 늘리는 정책에 반대하며, 양질의 후학들을 양성하고자 하는 꿈을 갖고 있습니다.
Q&A 💬
Q. 강의 난이도는 어느 정도인가요?
리액트를 통해서 어느 정도 개발하신 분들을 위한 중급 강좌입니다. (최소 3개월 이상의 리액트 개발 경험)
Q. 타입스크립트를 한번도 사용해본 적이 없어요 😭
강의 내용이 리액트 + 타입스크립트로 작성되어있지만 따라오지 못할 정도는 아닙니다. 이번 기회에 타입스크립트와 리액트를 같이 사용해보실 좋은 기회가 될 것이라고 생각합니다.
Q. 이 강의가 다른 강의들과 다른 점은 무엇인가요?
주니어 개발자들을 가르쳐보면서 그들이 꼭 알았으면 하는 것들을 강의에 녹였습니다. 실제 현업에서 고민해 볼만한 내용들을 담고 있어서 단순히 클론 코딩을 따라해보는 강의들과 차이점이 있다고 생각합니다.
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
부트캠프를 막 수료하신 분
회사에 사수가 없어서 불안하신 분
리액트 코드를 좀 더 깔끔하게 작성하고 싶으신 분
TDD를 배우고 싶으신 분
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
기본적인 타입스크립트 지식
기본적인 리액트 개념 (useState, useEffect)
안녕하세요
애프터캠프 입니다.
애프터캠프 입니다.
## 이력서, 포폴 첨삭 등 강의 외 문의사항이 있으시면 이곳으로 문의 주세요
강사 깃헙: https://github.com/morishjs
지식저장소: https://wiki.after-camp.com/Home
🎨 포트폴리오: https://morish.dev
📜 이력: https://shorturl.at/gKU68
부트캠프 수료했는데 앞으로 뭘 공부해야 할지 막막하시죠?
👊 부트캠프에서는 취업률 90%라고 하는데... 전 취업이 잘 안돼요! 😢
👊 취업은 했는데 사수가 없어서 너무 불안해요! 🤑
👊 작성한 코드가 동작은 하는데 이렇게 작성하는지 모르겠어요! 🤯
애프터캠프에서는 다음이 가능합니다!
👌 CTO 2번 경험, 다수의 프로젝트를 경험한 풀스택 개발자가 직접 코칭합니다.
👌 코드 리뷰, 커리어 방향성 고민을 같이 해드립니다.
👌 애프터캠프에는 한국, 미국 실리콘밸리 예비 개발자, 현직자가 모인 곳입니다.
커리큘럼
총 26 개
˙ 3시간 59분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 테스트 코드
4 강
∙ 39분
테스트 코드는 왜 작성해야 하나요?
미리보기
09:52
무엇을 테스트해야 하나요?
03:25
무엇을 테스트해야 하나요? (실습)
17:41
테스트 코드도 깔끔하게 정리 🧹
08:32
섹션 1. TDD
2 강
∙ 16분
Red Green Refactor
11:22
AAA Pattern
05:34
섹션 2. CI / CD
2 강
∙ 17분
CI
11:14
CD
05:54
섹션 3. Form 컴포넌트로 배우는 실전 기술
14 강
∙ 2시간 10분
Custom hook 소개
미리보기
03:44
코드 수정 전에 테스트 코드 작성
12:57
리팩토링 테크닉: Flocking rule
미리보기
10:12
깔끔한 상태 관리를 위한 useContext
07:13
useState 대신 useReducer으로 상태관리
09:46
useReducer 관련 타입 오류 해결 1 (Type utility: Omit)
07:10
useReducer 관련 타입 오류 해결 2
12:03
useReducer 관련 타입 오류 해결 3 (Object 타입 변형 해보기)
08:12
새로운 요구사항 - TextField에 검증 코드 추가 (Currying 🍛)
14:46
CheckboxField에 검증 코드 추가
03:12
CheckboxField에 검증 코드 추가 2
11:24
중복된 코드를 제거하는 커스텀 훅 (useInput)
16:31
마무리
13:12
마무리 강의 - 오류 정정
섹션 4. 안드로이드 RecyclerView에 대해서 알아보고 리액트에 적용
4 강
∙ 35분
RecyclerView란?
05:54
RecyclerView를 구현하기 전에 테스트 코드 작성
11:23
keyExtractor 구현
08:58
RecyclerView의 기능을 하는 react-window 적용해보기
09:20
강의 게시일 : 2023년 06월 05일
(마지막 업데이트일 : 2023년 10월 03일)
수강평
총 10개
수강생분들이 직접 작성하신 수강평입니다.
4.9
10개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
예제가 정말 실용적입니다👍 최근에 결제 주문서 Form을 만들면서 프롭스 드릴링, 인풋 중복 코드 문제 때문에 골치를 앓고 있었는데요. 예제에서 대부분 다뤄주셔서 정말 도움이 많이 됐습니다. Flocking Rule, Context API, useReducer 모두 왜 써야 하는지 논리적으로 차근차근 알려주셔서 이해가 잘 됐습니다.
저는 개념은 알아도 응용을 못하는 경우가 많은 것 같습니다ㅠㅠ (Context API를 어떤 상황에서 쓰면 좋은지 등..) 강사님처럼 응용을 잘 하려면 어떻게 공부를 하면 좋을까요? 조언을 구하고 싶어서 여쭤뵙습니다ㅎㅎ
2023-10-06
타입스크립트에 이어서 리액트 심화 강의도 잘 들었습니다. Best Case에 대해 소개하는 부분이 좋았어요. 내가 하는 방식이 과연 맞는지 의문이 들 때가 있는데 그 방향을 제시하는 강의였던 것 같습니다.
2023-11-01
어떤식으로 코드를 써야 좋은 코드인지 고민이 많았는데 도움이 많이 되었습니다.
2023-11-16
확실히 완전초보 강의보다 나은것 같고, 실무에 바로 적용하긴 조금 부족하지만 그런 부분은 스스로 채워나가면 좋을 것 같습니다
2023-11-26
간단해보이는 입력폼도 가독성과 유지보수를 고려하기 위해서 생각해야할 사항들이 많이 있다는것을 알게 되었습니다. 거기에 더해 리펙토링은 끝이 없겠구나 라고 간접적으로 느껴지는 강의였습니다.
음질부분이 좀 깨지는 소리가 나서 아쉽긴 했지만, 덕분에 많이 배워가는 느낌입니다. (여력이 있으시다면 평소 어떤식으로 학습하고 계신지도 궁금합니다 ㅎㅎ)
2023-09-05
