자바스크립트 변수와 함수의 종류

---

변수  

프로그래밍은 데이터 처리.
변수 사용은 데이터를 편리하게 저장하고 원할 때 꺼내 쓰는 것.
= 은 "같다"라는 의미가 아니라 '할당 연산자'이다.
num = num + 1 은 "같다"라는 뜻이 아니라 '값을 할당하는 것'.

- 우리는 프로그래밍을 통해 컴퓨터에게 데이터 처리 과정을 명령한다.

- "변수를 사용한다"의 의미는? 
    -> 데이터 보관함 / 각 보관함의 크기는 동일 / 각 보관함의 이름 = 변수 

- 변수를 사용하는 방법

    1) 선언 (declaration)

        let age ; 

    2) 보관함에 데이터 저장

        age = 12;

    3) 선언과 할당 동시에 가능

        let name = lee;

* 선언은 let 키워드를 이용한다 / 선언은 한번만 한다.

* 문자열에만 " " 사용 ! 

---

함수  

함수는 "작은 기능의 단위".
함수 선언을 위해 필요한 Keyword, name, parameter, body에 대한 이해.
함수 그 자체(func)와, 호출(func())을 구분하여 사용.
매개변수(parameter)dhk 전달인자(argument)를 구분하여 사용.
같은 기능을 사용하는 함수를 함수 선언식, 함수 표현식, 화살표 함수로 바꾸어 표현 가능.

* Keyword -> function  /  name -> mulTablePrinter  /  parameter -> (num)  /  body -> console.log(num*1) ...
* 함수는 코드의 묶음(즐겨찾기 버튼)  /  버튼은 기능의 단위  /  호출 후에는 반드시 돌아온다 ( return )
* 함수 선언 방법

    -> 1) 함수 선언식

function getRectangleArea(width, height) {
	let rectangleArea = (width * height);
	return rectangleArea;
}

          2) 함수 표현식

const getRectangleArea = function (width, height) {
    let rectangleArea = (width * height);
    return rectangleArea;
}

          3) 화살표 함수

const getRectangleArea = (width, height) => {
    let rectangleArea = (width * height);
    return rectangleArea;
}

* var / let / const 

var 는 유연한 변수 선언, but 코드량 많아지면 파악이 어렵고 값이 바뀔 우려가 있다.

let 과 const 는 ES6 이후, 이를 보완하기 위해 등장 ! 
단순히 말해, let 과 const 의 차이는 immutable 여부이다 ! 

let 은 변수에 재할당가능 / const 는 변수 재선언, 변수 재할당이 모두 불가능 ! 

     => 결론 및 정리 : 변수 선언에는 기본적으로 const 를 사용하고, 재할당이 필요한 경우에 한정해 let 을 사용하는 것이 좋다.
                                재할당이 필요없는 상수와 객체는 const 사용 ! 

---

 

코드 학습법 

자바스크립트와 소프트웨어의 개발에 대한 궁금한 것을 구글링한다.

에러 해결을 위해 구글링한다.

debugger 키워드를 이용해 코드를 단계적으로 실행시킬 수 있다. 
-> 1) mdn 키워드. 2) how to ~~ in javascript 3) 콘솔 상 에러 자체를 복사해 검색하기

조건문   

===, !== 에 대한 이해

if, else if, else 를 이해하고 무리없이 활용할 수 있다.

논리연산자(&&, ||, ! ...)를 통해 복잡한 조건을 간결하게 작성할 수 있다.

* 조건문은 어떠한 조건을 판별하는 기준을 만드는 것.
* 조건문에는 반드시 비교연산자(comparison operator)가 필요 ! 
* 비교의 결과는 늘 Boolean, 즉 true 혹은 false 입니다.
* 조건에는 Boolean으로 결과가 나오는 표현식이 들어간다.
* && 는 둘 다 만족해야 true, || 는 하나만 만족해도 true
* NOT 연산자는 ! 이고, truthy or falsy 여부를 반전시킨다.
* 기억해야할 6가지 falsy 값 ( 다음은 if 문에서 false 로 변환, if 구문 실행 X )
   ->if(false), if(undefined), if(0), if(NaN), if('')((빈 스트링 => 아무런 글자가 없는 경우))

---