프레임워크 강의 전에 바닐라 자바스크립트를 먼저 배워야 하는 이유

소연씨는 프론트엔드 개발자가 되고 싶어서 React 강의부터 샀습니다. 강의 중반쯤에서 막혔는데, 문제는 React가 아니라 자바스크립트 기초였습니다.

프레임워크는 자바스크립트 위에 올라간다

React, Vue, Angular는 모두 자바스크립트로 만들어진 도구입니다. 클로저, 비동기 처리, 프로토타입 같은 개념을 모르면 프레임워크의 오류 메시지를 해석하기 어렵습니다.

바닐라 학습은 무료 자원이 풍부하다

freeCodeCamp의 자바스크립트 알고리즘 과정과 javascript.info 사이트는 무료로 바닐라 자바스크립트를 체계적으로 가르칩니다. 유료 강의를 살 필요가 없습니다.

순서가 중요한 이유

1. 바닐라 JS로 DOM 조작을 직접 해본다
2. 이벤트 리스너와 비동기 코드를 손으로 써본다
3. 그 다음 프레임워크를 배우면 코드가 읽힌다

프레임워크 강의에 돈을 쓰는 시점을 6개월 늦추면 그 6개월 동안 무료로 더 단단한 기초를 쌓을 수 있습니다. 이것은 절약이기도 하고 투자이기도 합니다.