FIF's 코딩팩토리

[JS]JavaScript란? 본문

Front-End/JavaScript(자바스크립트)

[JS]JavaScript란?

FIF 2019. 8. 7. 10:24
반응형

 

 

올해 봄에만 해도 코딩에 대해서 지금보다 더 아무것도 모를때 "자바스크립트는 '자바'라는 글자가 들어가니까 '자바'의 일종(스크립트)인 언어구나!" 라고 오해했었다.

공부한지 시간이 몇 달 지난 지금에서 보면 왜 이름에 자바가 들어가는지 이해가 안된다.

최초 이름은 Mocha 모카였고 단 10일만에 만들어낸 언어라고 한다.

그 당시에 가장 핫한 언어가 자바였기 때문에 어떻게든 연관 시키고 싶어서 그렇게 되었다고 선생님이 말씀해주셨다. 

 

자바스크립트가 처음 출현했을때는 한참 브라우저 별로 각자 다른 기능을 제공하던 시기여서 근본 없는 언어라는 오명을 받았지만 2005년에 Ajax가 발표되고 동적 웹사이트가 인기를 끌면서, 자바스크립트가 다시 뜨게되었고, jQuery, Prototype.js 와 같은 라이브러리들이 나오게 되었다.

그 후 2009년 자바스크립트의 새로운 표준안인 ECMAScript5가 발표되면서, 현재 우리가 사용하는 모던 자바스크립트의 기반이 되었다. 

 

자바스크립트란?

자바스크립트는 1995년에 Netscape Navigator 2.0 이라는 브라우저에 탑재되어 나옴으로서 웹 프로그래밍의 개념이 창시되었다.

현재는 모든 브라우저에서 실행된다. 자바스크립트는 HTML페이지에 소스코드가 조각난채로 내장되어있으며, 따로 컴파일 과정을 필요로 하지 않는다. 각 브라우저 내부의 자바스크립트 처리기(interpreter)에 의해서 실행된다.

 

 

HTML5 는 웹 페이지의 구조를 만들고, CSS로 모양을 꾸민다.

자바스크립트는 입력을 처리하고 정적인 html을 동적으로 만들어주며 웹앱 제작도 가능하다.  

HTML 폼 태그로 사용자에게 입력을 받을 수 있는 형식을 제작하여도, 실제 입력을 받고 웹서버와 통신하여 계산하는것은 자바스크립트로 처리한다.

 

HTML 태그 속성과 CSS property 값을 제어해 웹페이지에 동적인 변화를 일으킬 뿐만 아니라, 브라우저의 속성도 제어 가능하다.

윈도우 크기나 모양을 변경하거나 새로운 윈도우 탭을 열 수도 있으며 브라우저의 히스토리까지도 접근이 가능하다. 

 

주로 자바스크립트 파일을 작성하고 <script src="파일명.js">로 웹페이지에 불러와 사용한다.

그리고 HTML 페이지내에서 <script></script> 내에 작성하거나 태그 내의 onclick과 같은 이벤트리스너 속성에도 자바스크립트코드를 입력 할 수도 있다.

 

 

  사용예

<img src="whatisthejs.png" alt="img" onclick="this.src='jsjs.png'">
  •  onclick : 마우스를 클릭하면
  •  this.src : 다음의 소스로 바꾼다는 의미다.

 

 

이렇게 eventlistner 속성에 자바스크립트 코드를 입력하는 경우는 태그가 짧은 경우 사용하며 onchange, onmousemove처럼 이벤트명 앞에 on이 붙은것들이 태그의 이벤트 리스너 속성으로 사용된다.

 

 그 외에 <a> 태그의 href 속성에도 코드를 작성 할 수 있다. 

<a href="javascript:alert('hello')">click</a>



반응형
Comments