[TIL] 2021.03.12 JS와 가까워지기_lesson 변수

나라리야·2021년 3월 12일
1

TIL_codestates

목록 보기
1/12
post-thumbnail

오늘은 koans 과제를 제출하고 시간이 조금 남은 관계로
처음부터 지금까지 배웠던 자바스크립트에 대해서 정리를 해보려고한다!

Achievement Goals (학습목표)

변수 Intro
프로그래밍은 데이터 처리를 하는 것임을 이해한다.
변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것임을 이해한다.
변수의 선언과 값의 할당에 대해서 설명하고 코드로 작성할 수 있어야 한다.
표현문이 값으로 변환되어서 변수에 할당되어 담기는 과정을 설명할 수 있어야 한다.

변수 기초, 변수 실습
자바스크립트에서 변수의 선언과 값의 할당에 대해서 설명할 수 있다.
변수 선언과 값 할당에 사용되는 용어에 대해서 정확하게 알 수 있다.
=가 "같다"라는 의미가 아니라 할당연산자임을 이해할 수 있다.
num = num + 1이 "같다"라는 의미가 아니라 값을 할당하는 것임을 설명할 수 있다.

*동영상강의

programming = data processing
프로그래밍은 데이터를 처리하는 것과 같다.
프로그래밍을 통해서 컴퓨터에게 우리가 원하는 처리방식을 명령할 수 있다.
그리고 보다 효율적으로 명령을 내리기 위해서 변수가 필요하다.
변수를 선언함으로써 불필요한 명령을 줄일 수 있다.

Variable = a way to handel data

let num = ?? ; 
console.log(num*2)
console.log(num*3)
...
console.log(num*9)

// num 변수의 값만 변경하면 손쉽게 새로운 결과를 볼 수 있다. 

변수를 사용한다는 것은?

컴퓨터에는 데이터를 보관할 수 있는 데이터보관함(메모리)가 있고 이 보관함의 크기는 모두 동일하다.
이 때 변수는 각 보관함의 이름을 의미한다. 데이터보관함의 이름표라고 볼 수 있다.
그리고 이 이름을 통해서 데이터 사용(재활용)할 수 있다.

변수를 사용하는 방법은?

데이터보관함 -> 데이터 보관함의 자리를 확보 (변수를 선언한다 : declaration / let age;) -> 보관함에 데이터를 저장한다. (값을 할당한다: assignment / age =18;)

할당할 때 등호 (=)는 같다가 아닌 '대입하다(assign)'이라는 의미를 갖는다.

선언과 할당 동시에 가능하다 (let age = 18;)

변수를 사용할 때 자바스크립트에서 어떤일이 일어날까?

코드 각 한줄을 표현식(expressions)라고 한다.


let age = 12;
let name = 'kim';

console.log(age*2) // age의 데이터값 12로 대체되면서 최종 출력은 값은 24가된다. 
console.log('Hello' + name) // name의 데이터값 'kim'이 대체되면서 최종출력 'Hello kim'이 된다. 

변수와 타입 Variable, Type

변수는 상황에 따라 변할 수 있는 값
let 이라는 키워드를 이용하고 , 선언은 한번만 할 수 있다.
프로그래밍 세계에서의 변수는 '이름(Label)이 붙은 값'
표현식(expression) 코드 한줄 한줄에서 이런 변수들을 사용할 수 있다.

let pi = 3.141952l;
pi*5*5; // 반지름이 5인 원의 넓이 

결과물을 변수로 담을 수 있다 .

let areaOfCircle = pi*5*5;

변수명에는 공백을 쓰지 못한다. 보통 단어의 첫 글자를 대문자로 써 붙인다. 낙타 등 모양처럼 생겨서 camel case 라고 부른다.

변수는 동일한 변수를 이용해 대입할 수 있다.

let sum = 1; 
sum = sum + 2; // 1+2
sum = sum + 3; // 3+3
sum = sum + 4; // 6+4

수학적으로 말이안되지만 =이 '같다'라는 의미가 아니므로, 이 구문은 sum에 이미 할당된 sum +2의 값을 대입한 것이다.

할당이 없는 변수는? 만약 변수에 할당된 값이 없다면?

let myname ; 
myname 을 출력한다면 
=> undefined //정의되지 않았다! 

변수는 선언되었지만 값이 할당되지 않았기때문에 아직 정의되지 않았다라는 뜻의 'undefined'가 출력된다.

profile
Code의 美를 추구하는 개발자 🪞

0개의 댓글