숫자와 문자

수업목적

• 프로그래밍 입무자에게 가장 익숙한 데이터 형(data type)은 숫자와 문자일 것이다. 실제로 가장 많이 사용되는 데이터 형인 문자와 숫자를 프로그래밍에서는 어떻게 표현하고 연산하는지 알아보자.

 

숫자

자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않는 숫자는 숫자로 인식한다.

 

1) alert (1+1);

결과 : 2

 

2) alert(1.2 + 1.3);

결과 : 2.5

 

3) alert (2*5);

결과 : 10

곱하기를 할 때는 *(에스터리스크, Asterisk, 키보드 자판 상으로 숫자8 위)를 사용한다.

 

4) alert(6/2);

결과 : 3

나누기를 할 떄는 /(슬래쉬, slash, 키보드 자판 상으로 오른쪽 shift 키 왼쪽)를 사용한다.

 

수의 연산

자바스크립트에서는 사칙연산 보다 좀 더 복잡한 연산도 지원한다.

 

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이라고 한다.

 

alert("coding everybody");

alert('coding everybody');

 

alert(typeof "1")

결과 : string

숫자를 따옴표로 감싸면 문자가 된다. typeof는 값의 데이터 형을 알려주는 기능이다.

 

alert(typeof 1)

결과 : number

 

alert('egoing's javascript')

웹브라우저를 실행했다면 아무것도 실행되지 않을 것이고, 크롬 개발자 도구와 같은 콘솔에서 실행했다면 아래와 같은 에러 메시지가 출력 될 것이다.

문법(Syntax) 에러(Error)가 발생했다는 뜻이다. 작은따옴표는 문자열의 구간을 컴퓨터에게 알려주는 기호인데, 기호가 문자 자체로 사용됐기 때문에 컴퓨터 입장에서는 어디서부터 어디까지가 문자열인지 파악할 수 없게 된 것이다.

 

alert('egoing\'s javascript')

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

 

alert("안녕하세요.\n생활코딩의 세계에 오신 것을 환영합니다"); 

여러줄을 표시하기 위해서는 \n을 사용한다. \n는 줄바꿈을 의미하는 특수한 문자다.

 

문자의 연산

alert("coding"+" everybody");

결과 : coding everyday

문자와 문자 중간에 +를 사용하여 문자를 더한다.

 

alert("coding everybody".length);

결과 : 16

문자의 길이를 구할 때는 문자뒤에 .length를 붙인다.