BEST

개발 · 프로그래밍

프론트엔드

부트캠프에서 알려주지 않는 것들 (리액트) 1편

Name: 부트캠프에서 알려주지 않는 것들 (리액트) 1편
Price: 27500 KRW

커스텀 훅, TDD, 컨텍스트 API, 리팩토링, 복잡한 상태 관리 등 React 개발의 복잡한 부분을 마스터하세요.

(4.7) 수강평 11개

수강생 447명

애프터캠프

React React Context TDD Jest 소프트웨어 테스트

중급자를 위해 준비한
[프론트엔드] 강의입니다.

이런 걸 배울 수 있어요

재사용 가능한 컴포넌트 만드는 법
클린코드를 위한 커스텀 훅 만드는 법
리액트 코드에서 타입스크립트 코드 작성법
실수를 방지하는 테스트 주도 개발 방법(TDD)
부트캠프에서 사용해보지 못한 리액트 API

현업 리액트 개발에서 꼭 드는 고민,
이 강의에서 해결해드릴게요!

부트캠프에서 알려주지 않는 것들 ✅

_{리액트(React) 개발 실무에서 꼭 겪는 복잡하고 어려운 문제들, 이 강의에서 모두 다뤄드립니다!}

🤔 사수가 없어서 지저분한 구조의 코드만 작성하지는 않으시나요?

👍 단순 useEffect, useState를 넘어서 커스텀 훅, TDD, 리팩토링을 배워서 복잡한 요구사항의 어플리케이션을 만들 수 있습니다!

🤔 복잡한 상태 관리 속에서 길을 잃었다고 느끼거나 프로퍼티 드릴링에 어려움을 겪은 적이 있으신가요?

😆 이전에는 어렵게 느껴졌던 useReducer, useContext를 이해하고 복잡한 상태관리를 할 수 있게 됩니다.

🤔 신규 기능 코드만 작성하면 항상 버그가 발생하지 않나요?

✌️ TDD의 방법론과 목적을 이해하여 안정적이고 버그 없는 코드를 작성할 수 있습니다. 이 기술은 전반적인 코딩 효율성을 향상시키고 애플리케이션의 안정성을 높여줍니다!

강의 커리큘럼을
확인해보세요 📚

강의 특징 ✨

이론보다 실제 적용을 강조하고, 다양한 실제 예제를 제공하며, 핵심 React 원칙에 대한 강력한 기초를 제공하는 데 중점을 둔 실무 중심의 강의입니다.

테스트 주도 개발(TDD), 커스텀 훅, 컨텍스트 API, 리팩터링을 위한 Flocking 규칙, React hook 등을 심도 있게 다룹니다.
Codesandbox를 제공해 강의 내용을 쉽게 따라해볼 수 있습니다.

이 강의를 만든 애프터캠프는

부트캠프 수료한 분들을 위한 커뮤니티를 운영하고 있습니다.
단순 개발자 공급만 늘리는 정책에 반대하며, 양질의 후학들을 양성하고자 하는 꿈을 갖고 있습니다.

Q&A 💬

Q. 강의 난이도는 어느 정도인가요?

리액트를 통해서 어느 정도 개발하신 분들을 위한 중급 강좌입니다. (최소 3개월 이상의 리액트 개발 경험)

Q. 타입스크립트를 한번도 사용해본 적이 없어요 😭

강의 내용이 리액트 + 타입스크립트로 작성되어있지만 따라오지 못할 정도는 아닙니다. 이번 기회에 타입스크립트와 리액트를 같이 사용해보실 좋은 기회가 될 것이라고 생각합니다.

Q. 이 강의가 다른 강의들과 다른 점은 무엇인가요?

주니어 개발자들을 가르쳐보면서 그들이 꼭 알았으면 하는 것들을 강의에 녹였습니다. 실제 현업에서 고민해 볼만한 내용들을 담고 있어서 단순히 클론 코딩을 따라해보는 강의들과 차이점이 있다고 생각합니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

부트캠프를 막 수료하신 분
회사에 사수가 없어서 불안하신 분
리액트 코드를 좀 더 깔끔하게 작성하고 싶으신 분
TDD를 배우고 싶으신 분

선수 지식,
필요할까요?

기본적인 타입스크립트 지식
기본적인 리액트 개념 (useState, useEffect)

안녕하세요
애프터캠프입니다.

1,688

명

수강생

개

수강평

개

답변

4.8

점

강의 평점

개

강의

## 이력서, 포폴 첨삭 등 강의 외 문의사항이 있으시면 이곳으로 문의 주세요

👉 morishjs@gmail.com

강사 깃헙: https://github.com/morishjs

지식저장소: https://wiki.after-camp.com/Home

🎨 포트폴리오: https://morish.dev

📜 이력: https://shorturl.at/gKU68

부트캠프 수료했는데 앞으로 뭘 공부해야 할지 막막하시죠?

👊 부트캠프에서는 취업률 90%라고 하는데... 전 취업이 잘 안돼요! 😢

👊 취업은 했는데 사수가 없어서 너무 불안해요! 🤑

👊 작성한 코드가 동작은 하는데 이렇게 작성하는지 모르겠어요! 🤯

애프터캠프에서는 다음이 가능합니다!

👌 CTO 2번 경험, 다수의 프로젝트를 경험한 풀스택 개발자가 직접 코칭합니다.

👌 코드 리뷰, 커리어 방향성 고민을 같이 해드립니다.

👌 애프터캠프에는 한국, 미국 실리콘밸리 예비 개발자, 현직자가 모인 곳입니다.

커리큘럼

전체

26개 ∙ (3시간 59분)

섹션 1. 테스트 코드

4개 ∙ (39분)

테스트 코드는 왜 작성해야 하나요?
09:52
무엇을 테스트해야 하나요?
03:25
무엇을 테스트해야 하나요? (실습)
17:41
테스트 코드도 깔끔하게 정리 🧹
08:32

섹션 2. TDD

2개 ∙ (16분)

Red Green Refactor
11:22
AAA Pattern
05:34

섹션 3. CI / CD

2개 ∙ (17분)

CI
11:14
CD
05:54

섹션 4. Form 컴포넌트로 배우는 실전 기술

14개 ∙ (2시간 10분)

섹션 5. 안드로이드 RecyclerView에 대해서 알아보고 리액트에 적용

4개 ∙ (35분)

강의 게시일: 2023. 06. 04.

마지막 업데이트일: 2023. 10. 03.

수강평

전체

11개

4.7

11개의 수강평

K1
2023. 11. 26.
∙
수강평 3
∙
평균 평점 4.3
5
100% 수강 후 작성
확실히 완전초보 강의보다 나은것 같고, 실무에 바로 적용하긴 조금 부족하지만 그런 부분은 스스로 채워나가면 좋을 것 같습니다
- 애프터캠프
  지식공유자
  2023. 11. 28.
  수강해주셔서 감사합니다!
이승훈
2023. 11. 01.
∙
수강평 6
∙
평균 평점 5.0
5
100% 수강 후 작성
타입스크립트에 이어서 리액트 심화 강의도 잘 들었습니다. Best Case에 대해 소개하는 부분이 좋았어요. 내가 하는 방식이 과연 맞는지 의문이 들 때가 있는데 그 방향을 제시하는 강의였던 것 같습니다.
- 애프터캠프
  지식공유자
  2023. 11. 02.
  강의 평가를 남겨주셔서 감사합니다! 최적의 패턴을 적용하는데 있어서, 저의 강의가 계속해서 좋은 지침이 되었으면 좋겠습니다.
원덕희
2024. 05. 01.
∙
수강평 70
∙
평균 평점 4.8
3
12% 수강 후 작성
이양구
2024. 04. 20.
∙
수강평 4
∙
평균 평점 5.0
5
100% 수강 후 작성
테스트 코드부터 리팩토링까지 톺아볼 수 있는 강의였습니다. 바로 현업에서 적용한다기보단 앞으로 이런 자세로 해야겠다는 생각이 들었습니다!
곽보선
2023. 11. 16.
∙
수강평 4
∙
평균 평점 5.0
5
100% 수강 후 작성
어떤식으로 코드를 써야 좋은 코드인지 고민이 많았는데 도움이 많이 되었습니다.
- 애프터캠프
  지식공유자
  2023. 11. 20.
  리뷰 감사합니다! 도움이 되셨다니 기쁘네요 :)

애프터캠프님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

애프터캠프

₩13,200

중급이상 / React, react-usememo, 기술면접, Next.js

5.0

(15)

500+

React 렌더링 원리, 최적화를 마스터해서 실전 활용 및 면접 준비를 해보세요!

중급이상

React, react-usememo, 기술면접

클론코딩에서 알려주지 않는 것들 (보안, DDD, 마이크로서비스) 2편

애프터캠프

₩24,200

중급이상 / DDD, Node.js

4.6

(7)

100+

도메인 주도 개발(DDD) 방법으로 체계적인 백엔드 설계 및 이것을 마이크로서비스에 적용해봅니다!

중급이상

DDD, Node.js

클론코딩에서 알려주지 않는 것들 (시스템 이론과 DB) 1편

애프터캠프

₩22,000

입문 / DBMS/RDBMS, systems

4.6

(16)

100+

클론 코딩 강의 보면서 왜 이런 기술을 사용하는 것인지 궁금해하셨죠? 백엔드 개발의 큰 그림을 그려드릴게요!

입문

DBMS/RDBMS, systems

실전 연습으로 익히는 고급 타입스크립트 기술

애프터캠프

₩38,500

중급이상 / TypeScript

5.0

(28)

200+

타입스크립트의 기능들을 제대로 활용해보세요!

중급이상

TypeScript

리셀봇 원리로 알아보는 Cypress

애프터캠프

₩11,000

초급 / Cypress, 소프트웨어 테스트

5.0

(3)

자동 로그인, 자동 상품 구매 동작 원리를 Cypress를 통해서 배워봅니다

초급

Cypress, 소프트웨어 테스트

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

애프터캠프

₩13,200

중급이상 / React, react-usememo, 기술면접, Next.js

5.0

(15)

500+

React 렌더링 원리, 최적화를 마스터해서 실전 활용 및 면접 준비를 해보세요!

중급이상

React, react-usememo, 기술면접

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

John Ahn

₩49,500

초급 / React, React Context, 웹앱, Jest, 소프트웨어 테스트

4.6

(54)

1,500+

이 강의를 통해 리액트 애플리케이션을 테스트하는 법을 배우게 됩니다.

초급

React, React Context, 웹앱

SW 역량테스트 합격하기 A형 with C++ (Advanced Algorithm)

피로물든딸기

₩99,000

입문 / C++, 코딩 테스트, 알고리즘, 소프트웨어 테스트

5.0

(3)

100+

Update

코드트리 기출문제와 기출문제를 풀기 위한 알고리즘과 팁을 알려드립니다. C++을 사용하지만 라이브러리를 사용하지 않기 때문에 다른 언어를 사용하는 분도 수강이 가능합니다.

입문

C++, 코딩 테스트, 알고리즘

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

코드 조커, 오프

₩77,000

초급 / 소프트웨어 테스트, JavaScript, React, vitest

5.0

(54)

800+

이 강의를 통해 전반적인 프런트엔드 테스트 종류를 파악하고, 상황에 맞는 적절한 테스트 선택을 통해 신뢰감 있는 테스트를 작성하는 방법을 배웁니다.

초급

소프트웨어 테스트, JavaScript, React

테스트주도개발(TDD)로 만드는 NodeJS API 서버

김정환

₩29,700

초급 / TDD, Node.js, Express, REST API, 소프트웨어 테스트

4.7

(178)

2,200+

이 강의에서는 Javascript 언어로 백엔드 개발을 할 수 있는 NodeJS를 학습하고, 테스트 주도 개발(TDD) 방법으로 NodeJS를 이용해 API 서버 개발을 할 수 있습니다. 또한 NodeJS의 대표적인 웹 프레임워크 ExpressJS의 기초 원리를 이해하고, 모바일과 웹 서비스에서 사용하는 REST API 개발 방법을 학습할 수 있습니다.

초급

TDD, Node.js, Express

Practical Testing: 실용적인 테스트 가이드

박우빈

₩77,000

초급 / 소프트웨어 테스트, junit5, Mockito, Spring, JPA, TDD

4.9

(213)

2,600+

이 강의를 통해 실무에서 개발하는 방식 그대로, 깔끔하고 명료한 테스트 코드를 작성할 수 있게 됩니다. 테스트 코드가 왜 필요한지, 좋은 테스트 코드란 무엇인지 궁금하신 모든 분을 위한 강의입니다.

초급

소프트웨어 테스트, junit5, Mockito

TDD 개발 방법론을 활용한 React Native 앱 개발

박동호

₩29,700

초급 / JavaScript, React, React Native, TDD, 소프트웨어 테스트

4.2

(53)

400+

간단한 ReactNative 앱을 TDD 방법론을 통해 개발하면서 TDD 의 개념을 확실히 익히고, ReactNative 모바일 앱 개발에 적용할 수 있도록 연습합니다.

초급

JavaScript, React, React Native

소프트웨어 개발 7가지 기본 원칙: 최고의 프로그래머가 되는 방법

드라진

₩22,000

초급 / 알고리즘, C, 소프트웨어 설계, 소프트웨어 테스트, 코딩 테스트

5.0

(1)

소프트웨어 품질은 습관입니다! 이 강의를 통해 기업이 원하는 최고의 프로그래머가 되는 방법을 배울 수 있을 것입니다.

초급

알고리즘, C, 소프트웨어 설계

Java/Spring 테스트를 추가하고 싶은 개발자들의 오답노트

김우근

₩59,400

초급 / TDD, 소프트웨어 테스트, unittest, Spring, JPA

4.9

(136)

2,000+

Spring에 테스트를 넣는 방법을 알려드립니다! 더 나아가 자연스러운 테스트를 할 수 있게 스프링 설계를 변경하는 방법을 배웁니다.

초급

TDD, 소프트웨어 테스트, unittest

견고한 JS 소프트웨어 만들기

김정환

₩27,500

중급이상 / 소프트웨어 테스트, TDD, jasmine

4.8

(95)

1,100+

같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.

중급이상

소프트웨어 테스트, TDD, jasmine