[Javascript] Vanilla JS

팀 내에서 개발된 라이브러리로 신제품 개발을 시작했습니다.

하지만 성능이 라이브러리를 사용하기 전보다 괜찮게 나오지 않았습니다.

jQuery를 주로 사용하는 라이브러리였기 때문에 성능에 관련된 정보를 찾아 jQuery 홈페이지를 찾아봤습니다. 

jQuery 홈페이지 에서 성능을 향상 시킬 수 있는 몇가지 방법을 소개하고 있습니다.

열심히 적용해 봤지만 Append 관련 정보는 꽤 효과가 있었지만 나머지는 미비한 성능 향상을 가져왔습니다. ㅜㅜ 

그렇게 열심히 성능 향상을 위해 구글링하던 중 Vanilla JS 라는 프레임 워크를 알게 되었습니다 (Vanilla JS 홈페이지).

Vanilla JS 홈페이지에 들어가보면 아래와 같이 다른 JS 라이브러리와 비교하며 엄청난 Performance를 가졌다는 것을 보여주고 있습니다.

여기서 눈치 채신 분들도 계실 수도 있으실텐데요.

Vanilla JS는 사실 순도 100%의 Javascript입니다. 라이브러리를 받아 보셔도 아무것도 보이지 않습니다.

jQuery, Vue, React 등 여러 라이브러리의 기초가 되는 Javascript 자체에 충실하자는 것을 의도한 fake 프레임워크입니다.

이미 익숙해져버린 편리한 jQuery을 걷어내고 javascript로 다시 소스코드를 바꾸려니 생각보다 까다로운 작업이 되었습니다.

하지만 작업이 끝난 오늘, performace 측면에서 바꾸기 전과 비교하여 rendering 속도를 약 80%정도 증가 시킬 수 있었습니다.

정말 성능이 좋아지는 것을 직접 보고 느끼니깐 더 재밌게 개발할 수 있었습니다.

이미 1년 동안 편한 jQuery를 애용하며 개발을 해왔었는데 후회가 됩니다...

앞으로는 기본에 충실하고 정석으로 개발하는 개발자가 되어야 겠습니다!