LHJ

I'm a FE developer.

1-1. 자바스크립트로 할 수 있는 것 & 강좌 범위 / 자바스크립트로 할 수 있는 것

09 Nov 2020 » js_beginner

1. 자바스크립트로 할 수 있는 것

버튼 클릭을 인식시키기 위해 DOMJavaScript 를 사용합니다.
서버로 입력값을 전송하기에 앞서 입력 여부를 체크해야되는데, 이때도 DOMJavaScript를 사용합니다.

브라우저에는 이메일 데이터가 없으므로 이메일 등록 여부는 체크할 수 없습니다.
그래서 입력한 값을 추출해서 서버로 전송해야하는데, 이때도 DOMJavaScript를 사용합니다.

서버에서 브라우저로 전송한 값으로 이메일을 체크하게 됩니다.
그리고 그 결과를 다시 브라우저로 전송합니다.

브라우저에서는 서버에서 보낸 결과값을 수신해야되는데 이때도 JavaScript를 사용합니다.
서버의 결과값에 따라 유저 인터페이스를 제공해야되는데, 이땐 HTML, CSS, DOM, JavaScript를 사용합니다.

2005년도 Ajax가 나오기 전까지는 앞에서 설명했던 방법으로 처리하지 않았습니다.
사용자가 가입하기 버튼을 클릭하면, 폼 전체를 서버로 전송했습니다.

그럼 폼에서 입력값을 추출하고 입력여부도 체크하고 이메일 등록여부도 체크하고 심지어 그 결과까지도 서버에서 처리했습니다.
그리고 그 결과를 브라우저에 전송하면 브라우저는 단지 표시만 할 뿐이었습니다.

서버가 혼자 북치고 장구치고 다 할동안 브라우저는 표시만 했던 것입니다.

그런데 문제가 되죠?
서버는 혼자서 바쁜데 브라우저는 널널한겁니다.

한편, Ajax에서 비동기 통신 방법을 제공하게 되는데, 이 방법으로 분산 처리를 구현할 수 있게 되었습니다.
즉, 아까 위에서 설명한 처리 방법으로 처리를 하게 된 것입니다.
그렇게 됨으로써 브라우저의 기술을 활용할 수 있게 되었고 서버는 서버나름대로의 기능만 처리하면 되게 되었다.

이때부터 브라우저의 중심에 자바스크립트가 서게되고, 자바스크립트 사용이 확산됩니다.

그러나 자바스크립트로 할 수 있는 것이 브라우저에 컨텐츠 표현만 있는 것은 아닙니다.
자바스크립트로 할 수 있는 것들은 굉장히 많습니다.