한 달 동안 React 파헤치기
블로그
home
React 파헤치기
home

 React 쓰긴 쓰는데 동작원리와 응용력이 부족해 자신감이 없는 분  이직 · 취업을 위한 기본기와 문제해결 능력이 궁금한 분  탑티어 개발자의 1:1 코드리뷰로 로켓성장하고 싶은 분

함께하는 탑티어 멘토

이직 · 취업을 위한 탄탄한 기본기

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

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

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

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

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

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

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

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

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

탑티어 멘토의 1:1 코드리뷰로 과제의 완성도와 유니콘의 코딩 스타일 습득

상시 Private 채널

멘토와 질의응답 · 토론, 다른 멘티와 모각작 · 코드발표회 등을 통해서 한 달 간 몰입할 수 있는 환경이 제공됩니다.
1일차 킥오프를 먼저 경험해보세요! 만족스럽지 않다면, 조건 없이 100% 환불해 드립니다.

30Days 스프린트 집중성장 패키지

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

프론트엔드 엔지니어의 제대로 된 성장 경험

멘티의 후기로 보는 리액트 파헤치기 효과

기본기를 위한 수준 높은 커리큘럼

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 구글 폼 프로젝트 완성하기

프로젝트 요구사항 분석 및 설계
프로젝트 요구사항 이해
컴포넌트 구조 설계
상태 관리 및 폼 검증 구현
기능 구현 및 마무리
도전 과제 해결
로컬 스토리지를 활용한 데이터 유지
프로젝트 발표 및 공유
한 달 동안 시리즈는 별도의 강의가 제공되지 않습니다. 스스로 학습하는 방법을 찾고 성장하실 수 있도록 방향과 팁을 제안하고 성장과정을 피드백합니다.

왓에버 프론트엔드 30Days 스프린트 시리즈 비교

두 과정 모두 난이도가 비슷해 프론트엔드 기초를 경험하셨다면 누구나 도전할 수 있습니다.

React 파헤치기

React의 핵심을 깊이있게 이해하고 탄탄한 기본기를 통해 제대로 된 응용력을 경험할 수 있어요.
과제전형에서 요구하는 협업에 강하고 확장 가능한 Clean Code를 통해 실용적인 역량을 성장시킬 수 있어요.
1일차 킥오프를 먼저 경험해보세요! 만족스럽지 않다면, 조건 없이 100% 환불해 드립니다.

About Whatever

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

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

30Days 스프린트?

스스로 학습하고 성장하는 경험

우리가 가고 싶은 테크 기업은 기술로 문제를 해결하기를 희망합니다. 단순한 강의는 코드를 복사하고 솔루션을 쉽게 확인해 제대로 된 역량 향상에 한계가 있습니다. 30 Days Sprint는 일방적인 지식 전달(강의)이 없이, 직접 문제를 풀며 스스로 학습하고 고민하면서 기업이 원하는 진짜 문제해결 능력을 경험할 수 있습니다.

실용적이고 수준 높은 과제

빅테크와 유니콘 기업에서 중요하게 여기는 기본기를 키우기 위해 설계된 과제들로 구성되어 있습니다. 탑티어 멘토들이 직접 연구하고 개발한 문제를 통해 엔지니어링 사고와 문제 해결 능력을 몰입해 쌓아갈 수 있습니다.

피드백과 방향성 점검

과제를 수행하며 멘토와의 소통을 통해 고민을 해결하고 방향성을 확인할 수 있습니다. 정답을 주기보다는 깊이 있는 사고를 이끌어내는 피드백을 제공합니다.

실무에 필요한 역량 강화

모든 과제는 코드 리뷰를 통해 마무리되며, 실제 현업에서 요구되는 기술과 문제 해결 능력을 자연스럽게 익힐 수 있습니다.

도달해야 하는 진짜 문제해결 능력을 한 달 간 몰입해 성취해 보세요!

빈틈 없는 진행과정

1. 프로젝트 신청

프로젝트를 원활히 준비하기 위해서 신청 후, 자유양식의 이력서와 신청 동기 등을 업로드 할 수 있습니다.

2. 합류

킥오프 1주일 전 함께 성장할 매니저, 멘토의 Private 채널로 초대됩니다.

3. 프로젝트 시작  

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

주간일정 예시

화요일 한 주간 진행될 과제가 오픈되고 과제에 대한 구현 팁, 학습 방향 가이드 수 ~ 금 팀원들과 모각작, 코드발표회, 팀원 상호 코드리뷰, 질의응답 등을 통한 몰입 구현 토 ~ 일 멘토의 인사이트를 포함한 과제 코드리뷰 ~ 화요일 리뷰를 반영하고, 회고를 통한 성장 검증 * 멘토에 따라 상세 일정은 상이할 수 있습니다.

신청 안내

4월 1일 킥오프 8명

모집

대상: 프론트엔드 이직 및 취준생
일정: 4월 1일 또는 4월 15일 선택가능
시간: 오후 9시
기간: 4주
방식: 100% 비대면 디스코드

제공

 유니콘 개발자의 5~7 : 1 멘토링
 탑티어 개발자의 코드리뷰, 질의응답
 React 깊은 동작원리
 뛰어난 React 응용력
 차원이 다른 포트폴리오
 이력서 전문가 왓에버의 이력서 피드백
 왓에버의 Private 커뮤니티 참가
* 최소인원 미충족 시, 다음 킥오프로 연기될 수 있습니다.

프로젝트 비용 (1개월)

정가 450,000원 판매가 400,000원
4월 1일까지 킥오프 마감 할인 (인원 마감시 종료) 297,000원

월 49,500원

* 6개월 할부 시 (할부 이자 지원)
친구와 함께 신청 시 최대 5만원 추가할인!
친구 할인 자세히 보기
1일차 킥오프를 먼저 경험해보세요! 만족스럽지 않다면, 조건 없이 100% 환불해 드립니다.

FAQ

직장을 다니고 있는데 병행이 가능한가요?
멘토는 어떻게 배정되나요?
환불 기준은 어떻게 되나요?
왜 강의가 아니라 과제 형식으로 진행되나요?