자바스크립트의 역사, 특징, 관련 용어 정리

자바스크립트의 역사

태초의 웹 페이지 로딩 방식

=> html태그로 시작해서 html 태그로 끝나는 완전한 HTML 코드를 서버로부터 전송받아 웹 페이지 전체를 렌더링하는 방식
화면 전환이 될 때, 변경필요가 없는 부분까지 필요한 HTML 코드를 다시 전송받기 때문에 성능적으로 불리하다.

Ajax의 등장

=> 서버로부터 필요한 데이터만 전송받아 변경해야 하는 부분만 한정적으로 렌더링하는 방식
웹 브라우저에서 빠른 성능과 부드러운 화면 전환이 가능해졌다.

SPA 프레임워크의 등장

• SPA란?

Single Page Application의 약자로, 단일 페이지 어플리케이션을 의미한다.
웹 사이트 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 변경해 표시해주는 기술로, 매번 새롭게 페이지를 렌더링해서 제공해주는 것이 아니라 변경되는 부분만 렌덩해준다. Ajax가 하나의 예시다.

• SPA 프레임워크의 등장

SPA가 대중화되면서 Angular, React, Vue.js, Svelte등 다양한 SPA 프레임워크/라이브러리가 나타난다.
모두 CBD(Component based development)방법론을 기반으로한다.
변경에 유연하면서 확자앟기 쉬운 애플리케이션 아키텍처 구축을 가능하게 한다.

• SPA의 단점

SEO에 블리하며, 자바스크립트로 인한 DOM 조작이 빈번하게 일어나면 브라우저 성능이 저하될 수도 있다.

자바스크립트의 특징

• 웹 브라우저에서 동작하는 유일한 프로그래밍 언어
• 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어
• 멀티 패러다임 프로그래밍 언어 : 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍 지원

모던 브라우저에서 사용되는 인터프리터는 별도의 복잡한 과정을 거치며 일부 자바스크립트 코드를 컴파일하고 실행하며, 인터프리터 언어의 단점을 극복한다. 따라서 컴파일러와 인터프리터의 기술적 구분이 점차 모호해져가는 추세이다.

Reference

• Deep Dive Javascript 2장 자바스크립트란?
• https://www.startupcode.kr/company/blog/archives/11