pre-training JavaScript (2)

💻 국비 2일차

---

 1. Java Script에서 변수 만들기

1 ) 예약어

① var - 구 버전
② let 

차이 ?  
변수의 범위 (scope) - 추후에 설명 한다고 하심

let num;
// num 이 변수 명 , (저장소의 이름)

num = 100;  
// 변수의 초기화 (변수에 최초의 값을 대입할 때 우리는 이것을 변수의 초기화 라고 한다)
// ' = ' 등호 표시는 , 대입연산자를 뜻하고 우항에 있는 값을 좌항으로 대입한다.

2 ) 변수 (저장소)에 대한 변경
      변수명 = 값;

3 ) 변수에 대한 조회 (사용)
      값을 대입하지 않고 사용  

console.log(변수명)

---

2. 예약어와 식별자

식별자
다른것과 구별하기 위해 정하는 고유한 이름
▶ 변수 명 , 함수 명 
• 영문자 (대 소문자) ,  숫자 , $ , _
• 숫자로는 시작할수 없다. 
• 예약어 사용 불가
• 암묵적으로 식별자는 소문자로 시작한다
• 두번째 단어 부터 첫번째 글자를 대문자를 사용한다

// camel case
// Java , JavaScript에 주로 쓰인다고함
let studentNumber;
let priceDiscountRate;

// snake case
// C 에 주로 쓰인다고 함
let student_number;
let price_discount_number;

예약어  - let , var
해당 프로그래밍 언어에서 특별한 목적으로 사용되도록 이미 정해져 있는 키워드

---

3. 변하지 않는 값 상수(constant)

let pi = 3.14;

pi 라는 변수가 있다
3.14라는 값이 절대 변하지 않는 값이라고 표기 하고싶을 때

let pi 에서 const 를 사용해 상수 ( 변하지 않는 수, 항상 성립하는 수 ) 를 저장하는 저장소

const PI = 3.14;

 • 상수명은 항시 대문자를 사용하자

---

 

프로그램	요리 레시피
변수의 선언 및 초기화 - 프로그램 실행에 필요한 값의 종류와 성질을 파악	요리재료의 준비
변수에 저장된 값을 활용 - 새로운 값을 생산 - 변수의 값을 가공	재료를 활용해 조리하기
최종 결과를 데이터로 생성하고 출력	요리를 완성

 

---

4. JavaScript의 연산자

값을 가공하는 작업에 사용
① 산술 연산자

▶ 산술 연산을 할 때 에는 변수가 꼭 초기화 되어 있어야 NaN이 발생하지 않는다.

덧셈 +

뺄셈 -

곱셈 *

나눗셈 /

나머지 %

'  -  , * ,  / ,  %  ' 는 숫자 연산만 가능하므로 "1" 을 숫자 1로 취급해서 연산함
좌항이나 우항에 숫자가 아닌 값이 있어도 해당 연산을 실행한다
해당 연산을 실행하기 전에 숫자가 아닌 값은 숫자로 변환한다
이것을 ' 형변환 ' 이라고 한다.

' + ' 는 문자열로 만들어 버린다. 

// 산술 연산자
let num1 = 10;
let num2 = 20;

// 덧셈 연산자
// 숫자 + 숫자 -> 덧셈 연산자로 동작
let result1 = num1 +  num2;
console.log('결과 :',result1);

// 문자 + 문자 -> 문자열 연결하기로 동작
// 문자 + 숫자 -> 문자열 연결하기로 동작
// 숫자 + 문자 -> 문자열 연결하기로 동작
console.log("a" + "b")
console.log("a" + 123)
console.log(123 + "abc")

console.log(2 + 2 + "ab")
console.log(2 + 2 + "a" + 2 + 2) // 4 + "a" => "4a"(문자열) , "4a"+2 => "4a2"(문자열) "4a2"+2 => "4a22"
console.log("a" + 2 + 2)
console.log(2 + "a" + 2)

console.log("1" + 2) 

// ' - * / % ' 는 숫자 연산만 가능하므로 "1" 을 숫자 1로 취급해서 연산함 
// 좌항이나 우항에 숫자가 아닌 값이 있어도
// 해당 연산을 실행한다
// 해당 연산을 실행하기 전에 숫자가 아닌 값은
// 숫자로 변환한다
console.log("1" - 2)
console.log("2" * 2)
console.log("100" / 2)
console.log ("7" % 4)

// 숫자로 변환 할수 없어 NaN 로 나오는데 Not a Number 라는 예약어
// 숫자가 아닌 값으로 연산시 연산결과로 NaN이 출력이된다.
console.log("a" - 1)
console.log("C" * 2)
console.log("가나다라" - 10)
console.log("10abc" * 2)

숫자가 아닌 값으로 연산시 연산결과로 NaN이 출력이 된것을 볼수 있는데
숫자로 변환 할수 없어 NaN 로 나오는데 Not a Number 라는 예약어

 

첫번째 출력에 0.30000000000004 이렇게 출력된 것을 확인 할수 있다
프로그램에서 실수를 저장 할 때 에는 해당 실수 값에 근사한 값으로 저장하기 때문이다

이로 인해 해결책으로 
소수점이 없을수 있을 만큼의 10의 배수를 곱하자 (10 , 100 , 1000 , 10000 , 100000 등등)
그후 다시 계산결과를 10의 배수로 나눈다

② 대입 연산자

1 ) =

// 정수 100을 num1 변수에 대입하라
let num1 = 100;

2 ) += , -= , *= , /= ,%=

let num1 = 10;
num1 = num1 + 5;
num1 = num1 + 5;
num1 = num1 + 5;
console.log(num1);

 

 

▶ let totalScore = 0; 으로 초기화 에서
     초기화 하지 않고 let totalScore; 선 언만 한다면  ?

NaN 이라는 결과를 알수 있다

totalScore에 숫자로 값이 없고 undefined 로 값이 들어 있기 때문이다
변수를 선언만 하고 초기화 하지 않았다면 기본적으로 undefined 라는 값이 들어 있다.

undefined 는 초기화 되지 않는 변수가 가지는 기본 값이다.

totalScore의값이 undefined 이기에  undefined + 점수 연산이 실행된다.

undefined 는 문자 데이터가 아니므로 값 이어 붙이기 대신 덧셈 연산이 실행되는데 
덧셈 연산은 숫자 + 숫자의 연산 이므로 undefined를 숫자로 변환하게 되는데 

undefined는 NaN으로 변환된다.

 

 

③ 증감 연산자

1 ) ++  : 변수의 값을 1증가

let num = 5;
num++; // num변수의 값이 1증가 된다.
++num; // num 변수의 값이 1증가 한다.
console.log(num);

let a = ++num // a = 6 , num = 6

let b = num++ // b = 5 , num = 6

let num = 0;
// 3개가 같은 의미를 가졌다.
num = num + 1;
num += 1;
num ++;

let num1 = 5;

num1++; // 변수에 저장된 값을 1증가
console.log(num1);

++num1; // 변수에 저장된 값을 1증가
console.log(num1)


let num2 = 5;
let a = ++num2; // num의 값이 1증가후 a에 대입
console.log('a :', a) // 6
console.log('num2 :', num2) // 6

let num3 = 5;
let b = num3++ // 단독으로 사용하지 않기에 b 대입후 증가 됨
console.log('b :', b) // 5 
console.log('num3 :',num3) // 6

let num4 = 5;
num4++; // 단독으로 사용하기에 이미 증가했음.
let c = num4;
console.log('c :', c)
console.log('num4 :', num4)

let num5 = 5;
++num5;
let d = num5;
console.log('d :', d)
console.log('num5 :' , num5)

2 ) -- : 변수의 값을 1감소