02 JS 기본문법

1) 변수

① 변수 이름은 영어 문자와 언더스코어(_), 숫자를 사용합니다

② JS는 영어 대소 문자를 구별합니다

     → hello와 Hello는 다른 변수 이름으로 인식

③ 여러 단어를 연결할 변수 이름은 중간에 대문자를 썪어 씁니다

     → hello world(X), helloWorld(O) 또는 Hello_World(O)

④ 변수 이름은 의미 있게 작성해야 합니다

 

- 변수 선언 하기

 

문제) 나이 구하기

 

결과 확인

 

 

2) 자료형

 

- 실수

→ JS에서는 정수와 실수를 함께 묶어 숫자형이라고 합니다

→ JS는 실수를 정밀하게 계산하는 것은 적합하지 않습니다

  ex) 0.1 + 0.2의 결과 값은 0.300000000000004로 표시됩니다

        왜 그럴까? 0.1이나 0.2를 2진수로 변환해서 계산하는데

        이때 자릿수가 많은 소수로 변환되고, 그 상태에서 0.1과 0.2를 더하기 때문입니다

 

 

- 배열

※ JS의 데이터 유형 자동 변환

• 변수의 데이터 유형이 중간에 변경 될 수 있다

  prompt( )창에서 입력받은 값은 문자열이지만 사칙연산에 사용된

  문자열은 자동으로 숫자형으로 변환되 계산됩니다

 

 

 

3) 연산자

- 산술 연산자

+(더하기), -(뺴기), *(곱하기) /(나누기), %(나머지), ++(증가), --(감소)

 

- 비교 연산자

==, != 연산자와 ===, !==연산자 비교

→ 숫자 3과 문자열 “3”을 비교하면 왼쪽의 숫자 3을 문자열로 변환해서 비교합니다

→ 반면에 ===연산자와 !==연산자는 피연산자의 자료형을 변화하지 않습니다

 

- 문자열의 비교

문자들의 아스키 값을 비교해서 결정합니다

 

- 논리 연산자

 

 

4) 조건문

 

문제) 3의 배수를 확인

                                   → prompt 창에서 [취소] 버튼을 누르면 변수에 null이 저장된다

 

 

 

5) 반복문

• break - 반복문이 끝나기 전에 조건에 따라 반복문을 빠져나온다

• continue - 반복 과정을 한 차례 건너뛰고 반복문의 맨 앞으로 돌아감

 

 

 

문제) 자리배치도 만들기

- 입력한 값에 따라서 화면에 좌석을 배치하는 방법

                → prompt( )으로 입력받은 값은 문자열로 저장

                → parseInt( )함수로 정수값으로 변환

 

 

결과 확인

- 입장객은 몇 명인가요? 10(입력)

- 한줄에 몇 명이 앉습니까? 3(입력)