포트폴리오 작성을 위한 리액트 프로젝트 고도화

“기술 과제와 면접은 어떻게 대비해야 할까요?”
“포트폴리오에서 실무 역량을 어필하고 싶어요”
“개발자로서 기본기를 갖추고 싶은데
무엇이 필요할까요?”

막판 스퍼트가 필요한 주니어를 위해
준비된 주제를
‘프리온보딩 챌린지’에서
2주간 집중 학습해 보세요.

1월 프론트엔드 챌린지

포트폴리오 작성을 위한
리액트 프로젝트 고도화

리액트에서 어떤 상황에서(why), 어떻게(how) 전역변수를 관리하는지 배웁니다.
리팩토링 전 테스트코드를 작성해서 효율적으로 리팩토링하는 방법을 배웁니다.
코드를 최적화하여 렌더링 성능을 개선하는 방법을 배웁니다.
챌린지 종료 후 프로젝트를 고도화 할 때 어떤 부분을 중점적으로 검토해야 하는지 경험을 기반으로 답변할 수 있습니다.

커리큘럼

Week 1-1

전역변수를 설정하는 기준과 방법

[아하!모먼트] 사수가 없는 환경에서 성장하기 위한 노력들
Recoil, Zustand, Redux, Context API 비교
- 지역변수를 전역변수로 전환하는 기준
- 변수 관리 방법에 따른 렌더링 효율 비교
- 다양한 전역변수 패키지 비교 (recoil, zustand, redux, context api)
Week 1-2

테스트코드를 활용한 효율적인 리팩토링

[아하!모먼트] 면접에 대비하는 주니어 개발자를 위한 조언
jest 와 cypress를 활용한 테스트코드 작성
- 테스트 해야하는 것 vs 테스트하지 않아도 되는 것
- 유닛테스트 vs 통합테스트 vs e2e테스트
- JavaScript 테스트코드 문법
- 테스트코드 작성 시 적절한 mocking 사용법
Week 2-1

백엔드 코드를 수정할 수 없을 때 프론트엔드가 할 수 있는 최적화 방법

[아하!모먼트] 이력서 / 포트폴리오 작성 방법
Lighthouse, Profiler, Lazy Loading
- Profiler를 활용한 컴포넌트 렌더링 효율 측정법
- 프로젝트 고도화를 통한 Lighthouse 점수 개선
- 백엔드 코드를 수정할 수 없을 때 프론트엔드가 할 수 있는 고도화
Week 2-2

1-3회차 내용을 활용한 실전 리팩토링

[아하!모먼트] 회사를 선택하는 나만의 기준
리팩토링, SOLID, YAGNI
- 리팩토링이 필요한 이유
- 리팩토링은 언제 해야할까?
- 리팩토링 방법

챌린지 일정

12.13(수) ~ 12.27(수)

(1) 참가 신청 및 미션 수행

신청한 누구나 무료로 챌린지에 참가할 수 있습니다.
강의에 더욱 알차게 참여할 수 있도록 사전 미션을 완수해 보세요!
1.2 (화) ~ 1.15 (월)

(2) 역량 향상 세션 - 2주

온라인 실시간 (주 2회, 각 3시간)
1차: 1.2(화) 20시
2차: 1.4(목) 20시
3차: 1.9(화) 20시
4차: 1.11(목) 20시
1.16 (화) ~ 1.29 (월)

(3) 취업 챌린지

본격적인 취업 준비를 함께 시작합니다.
주차 별 챌린저 지원 현황 공유, 단계 별 취업 레시피,
채용 큐레이션 페이지가 제공됩니다.

사전 미션 안내

사전 미션은 챌린지 참여를 다짐하고 학습을 준비하기 위한 용도입니다.
학습 커리큘럼은 사전 미션을 기반으로 내용이 구성되어 있습니다.
효과적인 기술 역량 향상을 위해 사전 미션 수행 후 챌린지에 참가하는 것을 강력하게 권장드립니다.
사전 미션 확인 : 링크 보기

초단기 취업 완성을 위한
챌린저 혜택

시크릿! 단계별 취업 레시피 제공

취업 활동에 더욱 몰입감을 더할 수 있도록
커리어 여정의 첫걸음을 내디딘 챌린저만을 위한 자료를 제공합니다.
맞춤 취업 코칭

취업 성공을 위한 밀착 케어! 최신 채용 트렌드 공유,
주니어 취업에 최적화된 기업 큐레이션 페이지 제공까지!
채용 보상금

챌린지를 수료하고 원티드를 통해 취업에 성공하면?
50만원의 채용 보상금까지 지급합니다!