🔴 JavaScript란 무엇인가?
JavaScript의 탄생 배경
자바스크립트는 1995년 넷스케이프사에서 브랜든 아이크 주도하에 만들어진 프로그래밍 언어입니다. 웹페이지에서 동작하는 프로그램을 만들 때 사용됩니다.
- HTML, CSS를 프로그래밍적으로 제어할 수 있습니다.
- 웹브라우저가 해석해서 실행할 수 있는 유일한 프로그래밍 언어. (였지만 몇 년 전 웹어셈블리가 새롭게 등장했습니다.)
- 요즘은 브라우저가 아닌 환경에서도 자바스크립트를 실행 할 수 있게 되면서 게임프로그래밍, 서버프로그래밍 등 다양한 분야에서 쓰여지고 있습니다.
정적인 웹에서 동적인 웹으로
자바스크립트의 원래 명칭은 ‘모카’(Mocha)에서 ‘라이브 스크립트’(LiveScript)로 변경되었다가 최종적으로 ‘자바스크립트’(JavaScript)가 되었습니다.
라이브스크립트가 출시 될때 쯤, 당시에 인기있던 언어중에 ‘자바’ 가 있었는데 이 인기를 이용하고자 이름만 빌려와 자바스크립트가 되었습니다.
표준명칭은 ECMAScript(ECMA-262) 입니다.
자바스크립트가 지향하는 동적인(Live) 웹은 무엇일까요? 무엇이 정적이고 무엇이 동적일까요?
동적인 웹을 위해 자바스크립트가 할 수 있는 것들
-
데이터를 저장하다
- 저장 공간 : var , let , const
- 저장할 값의 형태 : 숫자, 문자열, 빈 값(null, undefined), boolean(true, false), 배열, 객체
- 코드의 뭉치 : 함수
-
값을 계산하다
- 사칙연산
- 논리연산
- 조건문
- 반복문
- 자료형의 내장함수
-
결과를 반영하다
- DOM & BOM API
-
다른 컴퓨터와 통신하다
- Ajax
JavaScript를 사용하는 여러가지 방법들
- HTML 파일 내부 삽입하기 HTML내에 javascript를 포함하고 로드합니다.
-
HTML 태그 내 삽입
<button onclick="window.alert('hello world');">hello</button> -
script 태그를 통해 삽입
<!DOCTYPE html> <html lang="ko"> <head> </head> <body> <script> window.alert('hello world!'); </script> </body> </html>
-
⭐- HTML 파일 외부에 있는 스크립트 파일을 로드⭐
외부 파일로 저장을 하고 로드합니다.
```markdown
<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
<script src="test.js"></script>
</body>
</html>
```브라우저 콘솔창
크롬 브라우저의 콘솔창은 Ctrl + Shift + i 버튼을 누르면 나오는 창입니다. 다음은 크롬에서 about:blank 페이지에 접속한 화면입니다.
이 페이지는 비어있는 페이지이며 간단한 javascript 연습을 하기 충분합니다.
Hey🖐️