Vanilla React 시작하기

프론트엔드 개발자로 살아남기 위해 필요한 역량이 무엇일까 생각을 많이 해봤다.

javascript, html, css 를 기본으로 typescript도 알아야하고 React, Next.js, react-query, redux, webpack, babel 등등

나열해보면 공부하고 알아야할게 끝이 없다.

 

그래서 이 모든걸 다 준비하고 다시 취업시장에 뛰어들기 보다는 초심으로 돌아가 기초를 다잡기로 마음먹었다.

바로 vanilla javascript로 리액트라는 프레임워크를 구현하는 것이다.

 

단, 한가지 조건이 있다.

 

함수형 컴포넌트 제작으로 리액트를 쓸 때와 거의 동일하게 만드는 것이다.

 

이런 결정을 하게 된 이유는 다음과 같다.

1. 자바스크립트와 리액트에 대한 이해도를 높이고 싶다.

2. 리액트를 바닐라 자바스크립트로 구현한 사람들 모두 클래스형 컴포넌트로 구현을 했다.

3. https://zuminternet.github.io/zum-front-recurit-review/ 해당 글을 읽고 채용 과제를 통해 판단하고자 하는 역량을 내가 갖춰야겠다고 생각했다.

 

가상돔, fiber 등을 구현할 수 있을지 걱정이 앞서지만 여태까지 그래왔던 것처럼 "하면 된다" 라는 마인드 하나로 도전해보려고 한다.

 

코드는 아래 깃허브에서 볼 수 있으며 블로그에도 꾸준히 정리글을 올릴 예정이다.

https://github.com/42sungwook/Vanilla-React