22년 12월 19일 - 23년 1월 20일
(5주 100h 이상 소요)
강의 : 화, 금
화, 금 : 14:00 - 17:00
Week 1-1. 과제를 하기에 앞서 알아야 할 팀으로 일하는 법, 개발자의 기본기
Git & GitHub / ESLint / Prettier / husky / Git hook
강사/교육파트너 소개 / 코스 커리큘럼 및 학습 목표 소개
선발 과제 피드백
Git & GitHub을 사용하면서 지켜야 할 것
ESLint와 Prettier, Git hook을 이용한 팀의 능률 올리기"
[아하!모먼트] Agile이 필요하다고 느낀 순간
Week 1-2. 프로젝트를 지속적으로 통합하고 배포하는 법
AWS / AWS S3 / CRA / CI/CD / GitHub Actions
온 프레미스와 클라우드, 그리고 AWS
프론트엔드 배포하기 with AWS S3
CI/CD를 구축해야 하는 이유
GitHub Actions를 통한 배포 파이프라인 구축하기
[아하!모먼트] 프론트엔드가 배포까지 해야 할까?
Week 2. 프리온보딩 커리어 챌린지
채용 트렌드 분석 / 이력서 작성 / 면접 & 비즈니스 매너 / 현직자 Q&A
2주차에는 커리어 챌린지에 참여하여 이력서 작성 및 Q&A 시간을 갖습니다.
현직자 Q&A는 Google Meet에서 그룹 별로 진행됩니다.
이력서 특강을 통해 그동안의 경험을 올바르게 담아내는 방법을 살펴봅니다.
커리어 챌린지를 통해 앞으로의 취업 계획을 효과적으로 수립합니다.
링크) 프리온보딩 커리어 챌린지 2022
Week 3-1. React Hook의 심층 활용
의존성 배열 / useEffect / React.memo / useCallback / useMemo / Context API
리액트에서 렌더링 최적화를 수행하는 법
React.memo를 이용해 컴포넌트 렌더링 최적화하기
메모이제이션을 통한 최적화 수행하기
useEffect의 의존성 배열 올바르게 다루기
Context API로 컴포넌트에 맥락 전달하기
[아하!모먼트] 최적화를 해야하는 시기는 언제일까?
Week 3-2. Clean Code와 소프트웨어를 유연하고 확장성있게 만드는 법
Clena Code / SRP / DIP / 횡단 관심사 / Custom Hook / Context API
관심사의 분리와 SRP
리액트에서 관심사를 분리하는 법
HTTP 통신의 횡단 관심사 처리하기
의존성 역전을 통해 소프트웨어 유연하게 만들기
컴포넌트에 의존성 주입하기 with Context API
[아하!모먼트] 소프트웨어 아키텍쳐를 왜 신경써야 할까?
Week 4-1. TypeScript로 런타임에 안전한 웹 앱 작성하기
TypeScript / 타입 가드 / 타입 추론 / 제네릭
TypeScript를 사용해야 하는 이유
제네릭을 사용하여 타입 재사용하기
d.ts 파일을 통해 타입 구조 파악하기
타입 가드를 통해 더욱 정확한 타입 사용하기
[아하!모먼트] 타입스크립트가 편하게 느껴진 순간
Week 4-2. Redux로 알아보는 React 전역 상태 관리
전역 상태 관리 / Redux / Flux
Redux를 이용한 전역 상태 관리
Redux와 middleware란?
middleware의 원리
middleware 직접 만들고 적용해보기
[아하!모먼트] 신기술의 홍수에서 살아남는 법
Week 5-1. 프론트엔드에서의 테스트
Software Testing / Unit Test / TDD / Jest
소프트웨어 테스트란?
Jest를 활용한 JavaScript 테스트
TDD를 이용한 소프트웨어 개발 방식
Redux에 테스트 적용하기
[아하!모먼트] 테스트가 중요하다고 느낀 순간
Week 5-2. Advanced Javascript - 실행 컨텍스트
실행 컨텍스트 / 클로저 / 스코프 / 호이스팅
JavaScript의 실행 컨텍스트
스코프 & 호이스팅을 실행 컨텍스트 관점에서 이해하기
클로저를 이용해 React Hook 직접 만들어보기
[아하!모먼트] 개발은 과연 어떻게 공부해야 할까?
