LifeCoding Reference v1.0 </doc>
mm2800.co.kr
자바스크립트 기본
자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다.
HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다.
자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다.
현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다.
실행방법과 실습환경
웹페이지에서 자바스크립트 작성
이 코드를 해석 할 때는 자바스크립트의 문법에 따라서 해석해서 실행하라고 알려주는 태그다.
alert('Hello world')는 경고창에 Hello world라는 문구를 출력하라는 일종의 명령하는 것이다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
alert('Hello world');
</script>
</body>
</html>
- 파일형식은 모든파일이여야 한다.
- 파일명은 "파일명.html"으로 저장해주어야한다.
- 인코딩 형식은 "UTF-8"로 변경해주어야한다.
크롬 개발자 도구 사용
크롬으로도 자바스크립트 개발자도구를 사용해 실행할 수 있다.
- F12키를 누르면 개발자도구가 옆에 튀어나온다.
- 윈도우 단축키: ctrl + shift + J / 맥: Alt + J
- Console창에 작성하면 된다.
- 긴 코드는 파일을 저장해서 이용하는게 편리하다.
- 한번 작성한 코드를 또 한번 작성할 때 위로가는 화살표버튼을 누르면 지금까지 작성했던 코드리스트가 나온다