한 달 동안 React Core 파헤치기
블로그
home
프론트엔드
home

한 달 동안 React Core 파헤치기

 React 쓰긴 쓰는데 동작원리와 응용력이 부족해 자신감이 없는 분  빅테크, 유니콘자체 서비스 회사가 요구하는 기본기와 문제해결 능력이 궁금한 분  탑티어 개발자와 함께 로켓성장하고 싶은 분

 함께하는 멘토

 한 달 동안 패키지

 주 1회 비대면 멘토링
 Discord Private 채널에서 탑티어 멘토의 질의응답
 React의 동작 원리와 응용력을 바탕으로 한 자신감
 탑티어 개발자가 나의 코드를 직접 리뷰
 이력서에 자신 있게 쓸 수 있는 리엑트 딥다이브 포트폴리오
 왓캐스트 등 왓에버 커뮤니티 이벤트 참가 가능
 수 백건의 이력서를 분석한 왓에버의 이력서 검토

 프로젝트 구성 배경

프론트엔드 개발자 시장이 치열해진 지금, 기업들이 원하는 것은 단순히 라이브러리를 사용하는 개발자가 아니에요. React의 핵심을 이해하고 직접 구현해 본 경험은 여러분을 한층 돋보일 거예요.

 React의 내부 동작 원리 완벽 이해

Virtual DOM, 렌더링 함수, 디프 알고리즘을 직접 구현하며 React의 핵심 메커니즘을 몸소 익힙니다. 이는 복잡한 문제 상황에서도 근본적인 해결책을 제시할 수 있는 능력을 길러줍니다.

 문제 해결 능력과 응용력 강화

useState, useEffect 등 주요 훅을 직접 만들어보며, 상태 관리와 사이드 이펙트 처리에 대한 깊은 이해를 쌓습니다. 새로운 기술이나 패러다임이 등장해도 빠르게 적응하고 응용할 수 있는 역량을 갖추게 됩니다.

 탄탄한 기초로부터 오는 자신감

바닐라 자바스크립트로 프로젝트를 진행하며 JavaScript의 근본적인 원리브라우저 동작 방식을 숙달합니다. 이는 어떤 환경에서도 흔들리지 않는 개발자로 성장하는 기반이 됩니다.

 차별화된 포트폴리오로 면접 합격률 상승

직접 만든 React 라이브러리와 이를 활용한 구글 폼 프로젝트는 면접에서 강력한 어필 포인트가 됩니다. 기업은 실제로 문제를 해결하고 기능을 구현해 본 개발자를 선호합니다.
TIP 단순한 코딩이 아닌, React를 직접 만들어보는 경험은 여러분을 경쟁자들과 확실히 구분 지어 줄 거예요.

 코드리뷰

탑티어 개발자의 진짜 코드리뷰

 상시 Private 채널

 커리큘럼

Week 1 개발 환경 구축과 JSX 이해하기

개발 환경 구축 및 JSX 소개

Vite를 사용하여 개발 환경 구축하기
Babel로 JSX 트랜스파일링 설정하기
JSX 문법과 사용 방법 이해하기

createElement 함수와 Virtual DOM 생성

createElement 함수 구현하기
Virtual DOM의 개념 이해하기
Virtual DOM 트리를 객체로 표현하기
생각해보기: 우리가 작성한 JSX 코드가 실제로 자바스크립트 객체로 표현된다는 것을 알게 될 거예요.

Week 2 렌더링과 상태 관리 구현하기

Virtual DOM을 실제 DOM으로 렌더링하기

render 함수 구현하기
Virtual DOM을 실제 DOM으로 변환하기
재귀를 이용한 DOM 생성 방법
관찰하기: Virtual DOM이 실제 화면에 어떻게 그려지는지 이해하게 될 거예요.

상태 관리와 useState 구현

상태(state)의 개념과 필요성 이해하기
useState 훅 구현하기
상태 변경 시 컴포넌트 재렌더링하기
포인트: 상태 관리가 동적인 UI에 얼마나 중요한지 깨닫게 될 거예요.

Week 3 효율적인 렌더링과 추가 기능 구현

Virtual DOM 비교와 효율적인 업데이트

diff 알고리즘 이해하기
이전과 새로운 Virtual DOM 비교하기
변경된 부분만 실제 DOM에 업데이트하기
효율성: 리액트가 최소한의 DOM 조작으로 어떻게 빠른 성능을 내는지 이해하게 될 거예요.

이벤트 처리와 추가 훅 구현

이벤트 처리 방식 이해하기
Synthetic Event 시스템 간단히 구현하기
추가 훅 (useEffect 등) 구현해보기
인사이트: 이벤트 처리가 UI 상호작용에서 얼마나 중요한지 이해하고, 이를 효과적으로 관리하는 방법을 알게 될 거예요.

Week 4 구글 폼 프로젝트 완성하기

프로젝트 요구사항 분석 및 설계

프로젝트 요구사항 이해하기
컴포넌트 구조 설계하기
상태 관리 및 폼 검증 구현하기

기능 구현 및 마무리

도전 과제 해결하기
로컬 스토리지를 활용한 데이터 유지하기
프로젝트 발표 및 공유하기

About Whatever

“내가 신입과 저연차 때 이런 경험을 할 수 있었으면 더 빠른 성장을 했을텐데” 라고 생각하는 탑티어 개발자들이 모여 왓에버를 구성했습니다.

왓에버는 계속해서 다음과 같은 고민을 해결하기 위해 노력합니다.

 진행과정

1. 프로젝트 신청

프로젝트를 원활히 준비하기 위해서 신청 후, 자유양식의 이력서를 준비해 주세요.

2. 사전 인터뷰

함께 성장할 매니저가 배정됩니다. 매니저와의 간단한 전화 인터뷰에서 궁금한 점, 커리어 고민, 목표 등을 논의합니다.

3. 합류

결제가 완료되면 즉시 킥오프 일정이 조율됩니다. 왓에버 사용설명서를 통해 효과적으로 플랫폼을 활용하고, 빠른 성장을 준비합니다.

4. 프로젝트 시작  

킥오프 시간을 통해서 멘토와의 첫 만남을 시작으로, 본격적인 한달간의 챌린지가 시작됩니다.

 신청 안내

11월 킥오프는 조기마감되었어요.

모집

대상: 프론트엔드 취준 및 대학생
일정: 12월 첫째 주 킥오프
시간: 상세시간 멘토와 일정조율
기간: 4주
방식: 100% 비대면 디스코드
인원: 3명

제공

 유니콘 개발자의 6 : 1 멘토링
 탑티어 개발자의 코드리뷰, 질의응답
 React 깊은 동작원리
 뛰어난 React 응용력
 차원이 다른 포트폴리오
 이력서 전문가 왓에버의 이력서 피드백
 왓에버의 Private 커뮤니티 참가

프로젝트 비용 (1개월)

정가 450,000원
올해 마지막 인원 3명
11/15일까지 15만원 할인
297,000원

월 49,500원

* 6개월 할부 시 (할부 이자 지원)

FAQ

직장을 다니고 있는데 병행이 가능한가요?
멘토는 어떻게 배정되나요?
환불 기준은 어떻게 되나요?