왜 React보다 먼저 자바스크립트를 공부해야 할까?

안녕하세요, 👩🏻‍💻

오늘은 제가 공부를 하면서 정말 많이 들었던 말,
그리고 실제로 가장 헷갈렸던 부분에 대해 이야기해보려고 해요.

“요즘엔 다 React 쓰잖아? jQuery는 구시대고, Vanilla JS는 별로 안 쓰는 거 아니야?”

 

처음엔 저도 그랬어요.
화려하고 결과가 빨리 나오는 기술이 끌리기도 하고,
실무에서 React를 많이 쓴다는 얘기를 들으니까
자바스크립트 기본은 '대충'만 알아도 되는 줄 알았죠.

그런데 막상 부트캠프, 인턴, 그리고 사이버대에서 공부를 해보니까
기초를 모르고는 아무것도 제대로 이해할 수 없다는 걸 알게 되었어요.

 

공식 문서도 이렇게 말해요

MDN(Mozilla Developer Network)에서는 이렇게 말합니다:

 

"자바스크립트는 웹 개발에 필수적인 프로그래밍 언어이며, 프레임워크나 라이브러리를 제대로 활용하기 위해서도 그 기본 개념을 먼저 익혀야 한다."
– MDN Web Docs, JavaScript Guide

 

React 공식문서도 이렇게 조언해요:

 

“JavaScript에 대한 기본적인 지식이 있다면 React를 배우기 훨씬 쉬울 것입니다.”
– React 공식문서

 

즉, React는 자바스크립트 위에 있는 라이브러리일 뿐이고,
그 밑바탕이 되는 문법, 개념, 작동 원리를 모르면
결국 ‘기계적으로 쓰는 수준’에서 멈춰버릴 수 있어요.

 

이런 문제가 생겨요 (실제 경험담)

• props, state, setTimeout, map, filter 등의 동작 원리를 모름
• this, 클로저, 스코프, 이벤트 루프, 비동기 처리 등에서 혼란
• 디버깅이 안 됨 → 콘솔창 보면 무서움
• 외부 API 연동할 때 async/await, fetch에서 버벅
• 결과는 나오지만 “왜 되는지 모름” → 결국 성장 정체

그래서 저는 이렇게 하고 있어요

요즘은 다시 자바스크립트 기본을 정리하면서,
Cursor 기반 강의에서 직접 웹 프로젝트를 만들며
기본 문법, DOM, 조건문, 배열, 함수, 객체 등을 직접 실습하고 있어요.

처음엔 어렵지만,
이해되는 순간 React 코드도 같이 보이기 시작했어요.

 

한줄 요약

React는 멋진 옷, 자바스크립트는 그 옷을 입는 몸.
몸이 약하면 멋진 옷도 못 소화해요 😉

---

마무리하며

저처럼 겉으로 보이는 기술에만 관심이 많았다면,
이제는 뿌리부터 차근히 다져보는 것도 추천드려요.

저의 이런 기록이,
같은 길을 걷는 누군가에게 도움이 되길 바라며 🙏

읽어주셔서 감사합니다!