프리온보딩 프론트엔드 챌린지 3차

최종 합격까지 도달하는 기술 과제는 무엇이 다를까요?

최종 합격까지 도달하는 기술 과제는
무엇이 다를까요?

“과락하지 않는 코드를 작성하고 싶어요”
“주니어 수준의 최소한의 기본기는 갖추고 싶어요”
“좋은 코드와 나쁜 코드의 기준을 알고 싶어요”
“기술 과제 면접 질문은 어떻게 대비해야 할까요?”

기술 과제에 대한 막막한 두려움을 갖고 있는 주니어 개발자를 위해
<프리온보딩 챌린지>를 시작합니다.기술 과제에 대한 막막한 두려움을
갖고 있는 주니어 개발자를 위해
<프리온보딩 챌린지>를 시작합니다.

챌린지 일정

  • 9.14 (수) - 9.28 (수)

    참가 신청 및 사전 과제 수행

  • 10.3 (월) - 10.15 (토)

    기술 역량 향상 (2주)
    - 강의 : 화요일 20시 & 토요일 10시 (총 12시간, 온라인)

  • 10.17 (월) - 11.11 (금)

    취업 챌린지 진행 (4주)
    - 이력서 지원부터 ~ 합격까지 (개별 취업 활동)

  • 11.14 (월)

    챌린지 종료 및 시상

총 상금 300만원, 커리어 시작을 위한 막판 스퍼트

총 상금 300만원,
커리어 시작을 위한 막판 스퍼트

2주간의 기술 과제 학습을 통해 취업까지
원티드의 다양한 취업 데이터를 기반으로 합격률을 높여드립니다.

2주간의 기술 과제 학습을 통해 취업까지
원티드의 다양한 취업 데이터를 기반으로
합격률을 높여드립니다.

  • 챌린지 상품

    • 취업왕 : 100만원 (1명)

      (최단기간 취업 성공 1인)

    • 서류왕 : 20만원 (5명)

      (최다 이력서 합격수 5인)

    • 지원왕 : 10만원 (10명)

      (최다 이력서 지원수 10인)

  • 챌린지 참가 혜택

    • 경력 n년차를 뛰어넘는 이력서 특강

      (원티드 교육사업팀장)

    • 추천 기업 큐레이션

      (수강생 한정 페이지 링크 제공)

    • 채용보상금 50만원

      (원티드 통해 취업시)

10월 챌린지, CSR / SSR with Next.js

10월 챌린지,
CSR / SSR with Next.js

우리의 목표는
  • 기업의 기술 과제를 수행하며 흔히 저지를 수 있는 안 좋은 습관을 없애는 거예요.
  • 나쁜 코드에 대한 기준을 세우고 과락하지 않는 기본기를 갖춘 코드를 작성하는 거예요.
  • 기업 채용 과제를 수행하며 스스로 점검할 수 있는 체크리스트를 만드는 거예요.
  • 기술 면접 질문을 효과적으로 준비하고 좋은 답변에 대한 기준을 세우는 거예요.
  • 취업에 성공해서 프론트엔드 개발자로서 멋지게 커리어를 시작하는 거예요.
CSR / SSR with Next.js
  • Next.js는 프로덕션용 웹/앱을 쉽게 작성하도록 라우팅, 이미지 최적화 등 많은 기능을 지원하는 React 프레임워크입니다.
  • SEO 등 비즈니스 목표 달성을 위해 필수적인 SSR, SSG 간편 구현을 위해 많은 기업에서 Next.js를 도입하고 있습니다.
  • 이번 챌린지를 통해 Next.js 근간이 되는 기술을 일부 직접 구현해보며, SSR의 원리를 학습해보겠습니다.
사전 과제
  • 사전 과제는 챌린지를 준비하며 스스로의 학습 수준을 점검하기 위한 용도입니다.
  • 학습 커리큘럼은 사전 과제를 기반으로 내용이 구성되어 있습니다.
  • 강의 시간에 사전 과제의 코드를 리팩토링하며 발전시켜갑니다.
  • 효과적인 기술 역량 향상을 위해 사전 과제 수행 후 챌린지에 참가하는 것을 권장드립니다.
  • 수행하신 과제는 챌린지 시작 후 안내에 따라 링크로 제출해주시고, 학습 수준 파악 및 강의 진행을 위해 사용될 예정입니다.
  • 링크) 프리온보딩 프론트엔드 챌린지 10월 - 사전과제
커리큘럼

10월 챌린지 메이커
시리즈 D 투자 유치 기업 프론트엔드 엔지니어

Week 1-1

자바스크립트의 발전이 어떻게 웹을 바꾸었는지 알아봅니다

MPA, SPA, CSR, Browser Rendering

  • [OT] 강사 소개, 코스 커리큘럼 및 학습 목표 소개
  • HTML + HTML + … = WEB
  • JavaScript with AJAX
  • Client-Side Rendering에서의 브라우저 렌더링 시나리오
  • CSR 전용 Router 컴포넌트 직접 구현해보기
  • React가 CSR을 최적화 하는 원리
  • [아하!모먼트] 01. 오픈소스 라이브러리를 처음부터 다시 따라 만들었을 때

Week 1-2

프레임워크 없이 직접 React SSR을 구현하는 방법에 대해 알아봅니다

SSR, SSG, SEO, Hydration, Universal Rendering

  • SSR은 무엇이고, 언제 필요할까?
  • 직렬화(Serialize)와 수화(Hydration)
  • Universal Rendering을 직접 구현해보기
  • SSR과 SSG, 어떻게 인프라를 구성해야 할까?
  • [아하!모먼트] 02. 코드 바깥으로 벗어난 내가 바보처럼 느껴졌을 때

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가 제공하는 다양한 최적화 기능들
  • [아하!모먼트] 03. 마법이 사실은 고도로 발전한 과학 기술임을 깨달았을 때

Week 2-2

Next.js에서 제공하는 고급 기능들을 활용해봅니다

SWR, Caching, CDN, ISR, Middleware, Streaming SSR

  • useSWR로 Data Fetching 통합하기
  • Middleware로 인증 로직 처리하기
  • 프론트엔드 서버가 더 많은 SSR 트래픽을 감당하려면?
  • Next.js 개발 커뮤니티가 그리는 미래 (with React 18)
  • [아하!모먼트] 내가 성장이라고 믿었던 것들

Monthly Challenge

3개월간 새로운 주제의 프리온보딩 챌린지를 만나보세요.

Notice & FAQ

챌린지 참가 자격
  • 개발자 커리어 시작을 희망하는 누구나 참여 가능합니다.
  • 이직을 희망하는 주니어 개발자도 누구나 참여 가능합니다.
  • 학습 커리큘럼은 사전 과제를 기반으로 구성하였으며, 강의 시간을 통해 함께 리팩토링하며 코드를 발전시켜갑니다.
  • 개발자 취업 / 이직을 목표로 하는 분들은 적극적으로 도전해보세요.
챌린지 시상 안내
  • 챌린지 상금은 현금으로 지급됩니다. (제세공과 후)
  • 챌린지 상금 지급 대상자는 주민등록번호 및 계좌 정보를 추가로 취합합니다.
  • 라이브 세션 출석이 미흡한 경우 챌린지 시상 대상자에서 제외됩니다.
  • 취업왕/서류왕/지원왕으로 선정되는 경우 프리온보딩 챌린지 마케팅을 위한 컨텐츠 제작에 참여할 수 있습니다.
개인정보 수집 및 이용 동의 (필수)
  • 개인정보 수집, 이용 목적 : 신청자 확인, 알럼나이 활동 지원, 채용을 위한 정보 열람
  • 개인정보 항목 : 이름, 이메일, 이력서, 취업활동 및 결과
  • 보유기간 : 이벤트 및 채용 절차 기간 동안 보관
  • 본 동의 거부 시, 해당 이벤트 참여 불가
이벤트 모두 보기