[TIL] JavaScript(기초)_1

강현구·2021년 10월 29일

JavaScript

목록 보기
1/9

JavaScript

html로 작성되는 웹 페이지는 그 자체로도 많은 정보를 담을 수 있고, css를 통해서 다양한 디자인으로 꾸밀 수 있지만, 처음 만든 그대로 브라우져에 표시할 수 밖에 없다.
이런 한계점을 넘어설 수 있는 언어가 JavaScript이다.

웹 페이지를 열었을 때의 모습에서 사용자가 직접 그 페이지를 변경할 수 있도록 만들어주는 JavaScirpt는 동적인 페이지를 만들 수 있게해준다.
정적인 언어인 html과는 다른 차별성을 갖는다.
html은 예를 들어 '1+1' 이라는 식을 입력해 넣는다면 페이지에는 무조건 '1+1' 이라는 텍스트를 단순히 보여주기만 하지만
JavaScript는 코드에 따라서 '1+1' 이라고 텍스트를 보여주기만 하는 것이 아니라 그 수식의 결과값인 '2'를 표현할 수 있다.

html에서 <script> </script> 태그를 사용해서 JavaScript 언어를 구현할 수 있다.
<onclick = ""> 같은 event속성을 통해 웹 브라우져 상의 동작에 대해 정의해 두었고 그것을 이용해서 사용자와 상호작용하는 페이지를 만들 수 있다.


Console

웹 페이지에서 페이지 소스보기 or 검사와 같은 기능을 사용하면 그 웹페이지의 소스코드를 확인할 수 있다.
이 창에서 Console 이라는 탭이 있는 데 이것은 별도의 페이지 코드 변경 없이 JavaScript를 실행할 수 있다.
이 기능은 해당 웹 페이지 안에 삽입되어 있는 JavaScript와 동일하게 동작한다. 즉, 해당 페이지를 대상으로 동작한다.
Elements 탭에서 ESC를 눌러도 화면분할로 동일하게 Console이 생기고 JavaScript를 작성할 수 있다.


Data Type

JavaScript에는 다음의 Data Type이 존재한다.

  • Boolean
  • Null
  • Undefined
  • Number
  • String
  • Symbol
  • Object
profile
한걸음씩

0개의 댓글