Vanilla JS

Vanilla JS

어떠한 라이브러리나 프레임워크를 쓰지 않는 JS

• 급격히 변화하는 JS 생태계

  • jQuery 의 전성기

    $는 DOM 을 다루기 편하게 만들어 주었고 AJAX, 애니메이션을 심플하게 만들어줌

    간편함과 넓은 플러그인 생태는 jQuery 전성기를 맞이하게 함

  • Node.js 의 등장

    JS가 ‘브라우저의 언어’의 틀을 벗어나게 해줌

    오로지 client-side 에서 DOM 을 조작하는 라이브러리라는 점에서 가치가 떨어짐

    SSR 로 전이가 불가능함

  • ES6

    ES6 를 기점으로 JS 는 완전한 언어로 접어듦

  • 새로운 프론트 엔드 프레임워크/라이브러리

    React, Angular, Vue 같은 최신 SPA 프레임워크/라이브러리 들의 등장으로 jQuery 는 웹 프론트 엔드에서 주도권을 내주게 됨

• 그럼에도 왜 Vanilla JS 냐

  • 변하지 않는 것

    틀-딱 같은 말이지만 기본기가 튼튼하면 변화가 오더라도 잘 대처하며 이용할 수 있음

    React 같은 SPA 라이브러리 에서 라우팅을 통하여 SPA 를 구현할 때도 막상 개념, 설계, 구현은 모르고 그냥 쓰는 경우가 많음

    결국 모든 JS 라이브러리/프레임워크 들은 JS 로 만들어짐

    JS 이용의 패러다임이 계속 변화할지 라도 JS 에 대한 이해도와 활용능력만 있으면 습득하고 활용하는데 무리가 없음

  • 디버깅

    라이브러리를 통해 만든 구문은 디버깅때 해당 구문 뿐만 아니라 라이브러리 파일 안을 몇 바퀴 돌오 오는 일이 있음

    바닐라 JS 로 만든 구문은 디버그 시 해당 구문만을 조사하기 떄문에 디버깅에 매우 유리해짐

결론

에---헴,,, 근-본 바닐라 JS 해야지 끙,,,
그냥~ 편한 것만 하려고,,,
나땐 말이야! React?? 그런건 있지도 않았어!
SPA?? 직접 만들어 썼다~~이말이야~~~
요즘,,, 젊은 것들은 말이야,,,편한 것만 알아,,!
근-본을 몰라! 근-본을~~