프리온보딩 프론트엔드 챌린지 7월

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

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

7월 프론트엔드 챌린지

직접 만져보는 Next.js
해부학 교실 - CSR / SSR with Next.js

직접 만져보는 Next.js
해부학 교실 - CSR / SSR
with Next.js

CSR / SSR의 핵심 원리를 코드 레벨에서 명료하게 이해하고, SSR 프레임워크를 사용하는 이유를 자신의 언어로 설명하게 됩니다.
프레임워크 / 라이브러리의 동작과 구현이 궁금할 때 Github에 직접 들어가서 본인의 눈으로 확인하는 습관을 들이게 됩니다.
Router, SSR 서버, 마크다운 블로그를 직접 구현하고, 최종적으로 자신만을 위한 토이 프로젝트 결과물을 만들게 됩니다.

챌린지 일정

06.14 (수) ~ 06.29 (목)

참가 신청 및 미션 수행

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

기술 역량 향상 (2주) Online (각 3시간)

<강의 일정>
(1차) 07.04(화) 20:00
(2차) 07.08(토) 10:00
(3차) 07.11(화) 20:00
(4차) 07.15(토) 10:00
07.17 (월) ~ 08.11 (금)

취업 챌린지 (4주)

본격적인 취업 준비를 함께 시작합니다.
챌린저 지원 현황 공유, 이력서 특강, 채용 큐레이션 페이지 제공됩니다.

사전 미션 안내

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

커리큘럼

Week 1-1

자바스크립트의 발전이 어떻게 웹을 바꾸었는지 알아봅니다.
MPA, SPA, CSR, Browser Rendering
- HTML + HTML + … = WEB
- JavaScript with AJAX
- Client-Side Rendering에서의 브라우저 렌더링 시나리오
- CSR 전용 Router 컴포넌트 직접 구현해보기
- React가 CSR을 최적화 하는 원리
- [아하!모먼트] 오픈소스 라이브러리를 처음부터 다시 따라 만들었을 때
Week 1-2

프레임워크 없이 직접 React SSR을 구현하는 방법에 대해 알아봅니다.
SSR, SSG, SEO, Hydration, Universal Rendering
- SSR은 무엇이고, 언제 필요할까?
- 직렬화(Serialize)와 수화(Hydration)
- Universal Rendering을 직접 구현해보기
- SSR과 SSG, 어떻게 인프라를 구성해야 할까?
- [아하!모먼트] 코드 바깥으로 벗어난 내가 바보처럼 느껴졌을 때
Week 2-1

Next.js는 어떻게 React 개발 커뮤니티의 뉴노멀이 되었는지 알아봅니다
Pre-rendering, Server-side Data Fetching, Code Splitting, Image Optimization
- Next.js가 Framework인 이유
- Pre-rendering & Data Fetching
- Next.js가 제공하는 다양한 최적화 기능들
- [아하!모먼트] 마법이 사실은 고도로 발전한 과학 기술임을 깨달았을 때
Week 2-2

미래로 가는 Next.js와 React, 우리는 어디로
Next.js 13, App Router, React Server Component, Streaming SSR, JavaScript Toolchain
- React 개발 커뮤니티가 그리는 미래 (with Next.js 13)
- React Server Component와 App Router
- 프론트엔드의 '엔드'는 어디인가
- [아하!모먼트] ChatGPT와 함께 춤을