[실행방법과 실습환경]

 

실행

자바스크립트는 원래 웹브라우저에서 HTML, CSS를 동적으로 제어하기 위해서 만들어진 언어이지만 오늘날 자바스크립트는 웹브라우저를 벗어나서 매우 다양한 용도로 사용되고 있다.

a. 웹페이지에서 자바스크립트 작성하기
1. 윈도우는 메모장, 맥은 텍스트에디트를 이용해서 파일을 만든다.
2. 윈도우는 파일 형식 - 모든 파일 (*.*) / 인코딩 - 유니코드, 맥은 Make Rich Text 선택 / 파일명 뒤에 .html 확장자를 붙이고 저장한다.

코드 <script>는 웹브라우저에게 지금부터는 자바스크립트 코드이기 때문에 이 코드를 해석 할 때는 자바스크립트의 문법에 따라서 해석해서 실행하라고 알려주는 구문(태그)이다. alert('Hello world')는 경고창에 Hello world라는 문구를 출력하라는 일종의 명령이다. </script>는 자바스크립트 구간이 끝났기 때문에 이 후부터 나타나는 코드는 HTML의 문법으로 해석하라고 브라우저에게 알려주는 것이다.


b. 크롬 개발자 도구 사용하기
1. Ctrl+Shift+J (윈도우), 커멘트+Alt+J (OSX) 키를 누른다. 콘솔 탭이 선택된 상태로 개발자 도구가 실행된다.
2. alert('hello world')를 실행한다. 실행 결과 아래와 같이 경고창이 실행된다.



숫자와 문자

자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식한다.
alert(1+1);    // 결과 : 2

곱하기를 할 때는 *(에스터리스크, Asterisk, 키보드 자판 상으로 숫자 8 위)를 사용한다.
alert(2 * 5); // 결과 : 10

나누기를 할 때는 /(슬래쉬, slash, 키보드 자판 상으로 오른쪽 shift 키 왼쪽)를 사용한다.
alert(6 / 2); // 결과 : 3

자바스크립트에서는 사칙연산 보다 좀 더 복잡한 연산도 지원한다.
Math.pow(3,2);       // 9,   3의 2승 
Math.round(10.6);    // 11,  10.6을 반올림
Math.ceil(10.2);     // 11,  10.2를 올림
Math.floor(10.6);    // 10,  10.6을 내림
Math.sqrt(9);        // 3,   3의 제곱근
Math.random();       // 0부터 1.0 사이의 랜덤한 숫자


문자

문자는 "(큰 따옴표) 혹은 '(작은 따옴표) 중의 하나로 감싸야 한다. 큰 따옴표로 시작하면 큰 따옴표로 끝나야하고, 작은 따옴표로 시작하면 작은 따옴표로 끝나야 한다. String이라고 한다.

숫자를 따옴표로 감싸면 문자가 된다. 아래는 문자다. (typeof : 값의 데이터 형을 알려주는 기능)
alert(typeof "1")    // 결과 : string

따옴표 없는 숫자는 number가 출력된다.
alert(typeof 1)    // 결과 : number

작은따옴표를 문자열 안에 포함시키려면 \를 ' 앞에 위치시키면 된다.
alert('egoing\'s javascript')
' 를 문자열의 시작과 끝을 구분하는 구분자가 아니라 단순히 문자로 해석하도록 강제 할 수 있는데 이러한 기법을 이스케이프(escape)라고 한다.


여러줄의 표시

여러줄을 표시하기 위해서는 \n를 쓰면 된다. 줄바꿈을 의미하는 특수한 문자이다.
alert("안녕하세요.\n생활코딩의 세계에 오신 것을 환영합니다"); 


문자연산

문자와 문자를 더할 때는 아래와 같이 한다.
alert("coding"+" everybody");    // 결과 : coding everybody

문자의 길이를 구할 때는 문자 뒤에 .length를 붙인다.
alert("coding everybody".length)    // 결과 : 16