바다는 비에 젖지 않는다

[Javascript] Javascript란? 본문

IT Technical Note/Javascript

[Javascript] Javascript란?

Soroya 2022. 10. 10. 18:35
728x90

프로그래밍 언어 중 하나인 Javascript에 대해서 포스팅해보려고 한다.

Javascript란?

프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다. 웹 페이지를 동적으로 만들때 프로그래밍언어를 다르게 만든다면 브라우저를 여러개를 준비해야 할 수도 있다. 예를들어 chrome java버전 chorme python버전 등등 언어에 따라 모두 준비를 해놓아야 한다면 매우 혼란스러울것이다. 역사적인 이유 & 이미 만들어진 표준"이기 때문에, 모든 브라우저는 기본적으로 Javascript를 알아듣게 설계되어있고, 모든 웹서버는 HTML+CSS+Javascript를 주게 되어있다. 

여기까지 Javascript에 대한 기본적인 설명이다.

프로그래밍 언어로서 Javascript에 대 해 좀 더 알아보기 위해 mdn에서 찾아 보았다. 

 

JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.jsApache CouchDBAdobe Acrobat처럼 많은 비 브라우저 환경에서도 사용하고 있습니다. JavaScript는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적 언어로, 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원합니다.

모르는 개념들이 매우 많았다. 여기서 중요해 보이는건 프로토 타입기반, 다중 패러다임, 단일 스레드, 동적언어로 객체지향형, 명령형, 선언형 스타일을 지원한다는것인데 추후에 공부해서 포스팅 해야겠다.

 

간단하게 Javascript는 정적인 웹페이지를 동적으로 만들어주는 기술인 것이다. AWS사이트에 정의 되어있는 'JavaScript는 무엇에 사용되나요?'에 따르면 이렇다.

역사적으로 웹 페이지는 책의 페이지와 유사하게 정적이었습니다. 정적인 페이지는 주로 고정된 레이아웃으로 정보를 표시했으며, 현대 웹 사이트에서 기대하는 기능을 모두 수행하지는 못했습니다. JavaScript는 웹 애플리케이션을 보다 동적으로 만드는 브라우저 측 기술로 등장했습니다. JavaScript를 사용하면 브라우저는 사용자 상호 작용에 응답해서 웹 페이지의 콘텐츠 레이아웃을 변경할 수 있습니다.

 

그럼 동적 컨텐츠는 뭔데요?

동적 컨텐츠

동적 컨텐츠의 몇가지 예

  • 버튼 클릭으로 정보 표시 또는 숨기기
  • 전화 번호 및 이메일 주소와 같은 사용자가 입력한 양식 데이터 검증
  • 마우스를 가져다 놓을 때 웹 페이지 버튼의 색상 변경
  • 팝업 광고 생성
  • 이미지 확대 또는 축소
  • 웹 페이지에서 오디오 및 비디오 재생

여기까지 간단하게 Javascript에 대해서 간단히 알아 보았다. 

 

참고 사이트

https://aws.amazon.com/ko/what-is/javascript/

https://developer.mozilla.org/ko/docs/Web/JavaScript

 

EOF

 

728x90