커리큘럼

• Week 1-1

  우리의 컴포넌트가 복잡해지는 원인

  [아하!모먼트] 내가 그 때 성장이라고 믿었던 것들

  복잡도, 데이터 / 계산 / 액션, 코드스멜

  • '일을 줄이기 위한 일'을 해야 하는 이유
  • 신입은 절대 모르는 섬, 복잡도
  • 추상화는 취향이 아니다, 오직 원칙과 협력 뿐
  • 실전 스킬 1) 데이터 / 계산 / 액션만 구분해도 중간은 간다

• Week 1-2

  비즈니스 로직을 제압하는 개발자가 퇴근을 한다

  [아하!모먼트] 코드 바깥으로 벗어난 내가 바보처럼 느껴졌을 때

  비즈니스 로직, 도메인, 관심사의 분리

  • 지옥으로 가는 길은 "프론트에서 해드릴게요"로 포장되어 있다
  • 비즈니스 로직이란?
  • 우리의 '소프트웨어'가 '하드'한 이유
  • 실전 스킬 2) 물과 기름처럼 비즈니스 로직 격리하기

• Week 2-1

  SOLID한 컴포넌트 만들기

  [아하!모먼트] ChatGPT로 오픈소스 컨트리뷰트 날로 먹어보기

  IoC, SOLID, React Component Patterns

  • 함수를 나누어도 해결되지 않는 것들
  • 제어의 역전 (Inversion of Control)
  • React 컴포넌트는 어떤 요소들로 구성되어 있을까?
  • 실전 스킬 3) SOLID를 통한 컴포넌트 심폐소생술

• Week 2-2

  Logic First, React Later

  [아하!모먼트] Redux와 React Query로 옵저버 패턴을 깨닫기까지

  Custom Hook, Core Logic, Adaptor, useSyncExternalStore, Design Pattern

  • 'React 다운 코드' 다시 생각하기
  • Core -> Adaptor -> React
  • 실전 스킬 4) 난잡한 코드베이스를 위한 추상화 벽 시공법
  • React, 재발견하기