[20210908] 백엔드 개발자를 위한 자바스크립트 개념 잡기

백엔드에서는 ajax 처리 등을 위한 경우 등을 제외하고 자바스크립트를 접할 일이 없을 수도 있다. 하지만 권장하는 방식은 아니지만 응답에 직접 자바스크립트 코드를 넣는 식으로 사용할 수도 있고 무엇보다 자바 스크립트를 알고 있으면 프론트엔드와 소통도 더 쉬워지지 않을까? 어쨌든 간단하게나마 자바스크립트를 알아보자.

우선, 웹에서 사용하는 자바스크립트는 거의 대부분 함수로 정의해놓고 이벤트 발생 시 함수를 호출하는것이 대부분이다. 따라서 함수를 정의하는 방법을 알아야 한다.

또한 웹에서는 각종 요소(element, 엘리먼트)들을 선택하여야하는데 이때 태그의 id나 class 등을 사용한다.
이때 기존 자바스크립트를 사용한다면 document.getElementById() 함수를, 제이쿼리를 사용한다면 $()와 CSS 선택자를 사용하면 된다.

HTML의 각 요소와 자바에 가까운 자바스크립트 언어를 이용하여 알고리즘을 만들고 함수로 만들어 놓는다.

함수 정의 코드를 작성했다면, 각종 태그의 이벤트리스너(onclick, onchange, onkeypressed 등)에 함수를 넣으면 이벤트 발생 시 함수의 내용이 실행된다.