javaScript :: 출력

1. 기본적인 출력

alert('Hello World');

alert : 함수

(-) : 매개변수

'Hello World' : 문자열 (문자열 자료형)

2. 문자열

:자바스크립트는 두가지 방법으로 문자열을 만들 수 있음

①  " 동해물과 백두산이 "  : 큰따옴표 사용

②  ' 동해물과 백두산이 '  : 작은따옴표 사용

- 어떤 방법을 사용해서 문자열을 만드는지에 대해서는 상관 없지만, 항상 일관 된 따옴표를 사용 하는게 좋다.

- 문자열 안에 따옴표를 사용해아하는 경우에는 예외적으로 두가지 따옴표를 모두 사용한다.

① alert('This is "coffee"');

② alert("This is 'coffee'");

=> 따옴표를 하나로 통일해서 사용하고 싶다면 이스케이프 문자를 사용

3. 이스케이프 문자

: ＼ 백슬래쉬를 사용해서 특수한 기능을 수행한다.

* 한글 키보드에서는 \가 백슬래쉬 기능을한다. 한글 폰트에서 백슬래쉬가 원화 표시로 보이는거라는.....것을 알게 되었다!!!

<자주 사용하는 이스케이프 문자>

\t     수평탭

\n    줄바꿈

\'     작은 따옴표

\"    큰 따옴표

\\    역슬래시

* 일부 브라우저에서는 경고창에 \t 가 보이지 않는다.

4. 숫자

: 문자열 자료형 이외에도 숫자 자료형이 있다. 정수와 유리수의 구분 없이 숫자는 모두 숫자이다.

- 문자열과 마찬가지로 alert() 함수의 괄호 안에 사용해서 출력한다.

- 숫자를 사용하면 기본적인 사칙 연산을 할 수 있다.

- 수학 계산을 하듯이, 연산자의 우선순위를 고려하여 곱셈과 나누기가 먼저 적용되고, 그 후에 더하기 빼기가 연산된다.

- 연산자에 괄호식이 있을 경우에는 괄호식이 먼저 적용된다

- + 더하기 연산자 / - 빼기 연산자 / * 곱하기 연산자 / / 나누기 연산자 / % 나머지 연산자

<나머지 연산자>

alert (10 % 7); 결과값 : 3

=> 10을 7로 나눈 나머지 값을 나타낸다.

5. 불

: 참과 거짓이라는 값을 표현할 때 사용하는 자료형 (불 자료형)

- 불은 ture와 false 두가지만 만들 수 있다.  

① 비교연산자

>=     좌변이 우변보다 크거나 같다.

<=     우변이 좌변보다 크거나 같다.

>      좌변이 크다.

<      우변이 크다.

==     좌변과 우변이 같다

!=     좌변과 우변이 다르다.

- 비교 연산자로 문자열도 비교 할 수 있다.

- 문자열은 국어사전 앞쪽에 있을 수록 값이 작다.

'삼다수' > '커피'  => false  (ㅅ이 ㅋ보다 앞에 있기때문에 크기가 더 작다)

- 유니코드 문자로 비교하므로 모든 언어를 비교 할 수 있다.

'ぁ' == 'ぁ'

- 불끼리 크기 비교가 가능 ( 1 == true, 0==false)

② 논리 연산자

! 논리 부정 연산자 (참을 거짓으로, 거짓을 참으로 바꿈)

&& 논리곱 연산자

!! 논리합 연산자

* 논리곱 연산자

: 좌변과 우변이 모두 참일때만 참을 나타냄

좌변 - 우변 - 결과

true - true - true

true - false - false

false - true - false

false - false - false

* 논리합 연산자

: 좌변과 우변이 모두 거짓일때만 거짓을 나타냄

좌변 - 우면 - 결과

true - true - true

true - false -true

false - ture - true

false - false -false

=> 비교 연산자와 논리 연산자를 함께 사용하면 숫자가 해당 범위에 위치하는지 확인 가능

만약 비교 연산자만 사용할 경우 원하지 않는 결과가 발생할 수 있음

<잘못 된 비교 연산자 사용>

alert(30 > 20 > 10);  => 결과 false

alert(30 > 20 > 10); ↓ alert((30>20)>10); ↓ alert(true>10); ↓ alert(1>10); ↓  alert(false);

이러한 경우를 방지하기 위해서 비교 연산자와 논리 연산자를 함께 사용해야함

<비교 연산자와 논리 연산자를 함께 사용한 경우>

alert(30 > 20 && 20 > 10) => 결과 true

alert(30 > 20 && 20 > 10); ↓ alert(true && true); ↓ alert(true);