[공부] 바닐라 JS(Vanilla JS) 란?

바닐라 JS란?

바닐라 JavaScript란 순수하게 웹 브라우저에서 실행되는 JavaScript를 의미한다, 즉 어떠한 프레임워크나 라이브러리를 사용하지 않고 순수 JavaScript 만을 사용하여 웹 페이지를 동적으로 조작하고 기능을 구현하는 것을 말한다.

HTML, CSS와 함께 웹 페이지를 구성하고, 웹 페이지의 요소들을 JavaScript 를 통해 동적으로 변경하며 이를 통해 웹 페이지의 사용자 경험을 향상시키며 다양한 기능을 추가할수 있다.

바닐라 JS

DOM 조작

- HTML 문서의 요소들을 JavaScript를 통해 선택하고 내용을 변경하거나 스타일을 조정할수 있다.

이벤트 처리

- 버튼 클릭, 마우스 이벤트, 키보드 입력과 같은 이벤트를 JavaScript로 처리하여 웹 페이지의 동작을 제어할 수 있다.

비동기 프로그래밍

- XMLHttpRequest 또는 Fetch API를 사용하여 서버와 데이터를 주고 받는 비동기적인 프로그래밍을 구현할수 있다.

폼검증

- 사용자로부터 입력 받는 폼 데이터를 JavaScript를 사용하여 유효성을 검증하고 처리할수 있다.

애니메이션

- CSS와 JavaScript를 조합하여 웹 페이지에 동적인 애니메이션 효과를 추가할 수 있다.

요약

바닐라 JavaScript를 사용하여 프레임워크, 라이브러리에 의존하지 않고 웹페이지를 제작하고 자유롭게 커스텀마이징을 할수있다. 하지만 웹 개발의 복잡성이 증가하면서 프레임워크나 라이브러리 사용이 보다 효율적일 수 있으므로 개발 환경과 요구사항에 따라 적절히 사용하는것이 좋다.