변수란?
(variable)
데이터를 편하게 다루기 위해 데이터에 이름을 붙이는 데 그 이름을 바로 변수라고 한다.
age라는 변수에 숫자값 25를 할당하려고 한다. 변수의 선언: let age / 변수의 할당 age = 25 가 된다. 쉼표를 이용하여 키워드를 한번만 사용하여 변수선언과 값 할당을 할 수 있다.
ex) let age = 100 , name = 'jin'
변수는 동일한 변수를 이용해 대입할 수 있다.
let sum = 1;
sum = sum + 2;
sum = sum + 3;
sum = sum + 4;
수학에서 =기호는 '같다'라는 의미로 사용하지만, 자바스크립트에서는 변수에 할당하기 위해 사용한다.
console.log(sum) 값은 '10'이 된다. 또, 한번 선언했던 변수를 다시 사용할 때는 let를 쓰지 않는다
타입이란?
(type)
변수에 담을 수 있는 데이터는 숫자, 문자와 같은 특정한 형태를 가지고 있는데 이를 타입이라고 한다. 타입의 종류에는 number, string, boolean, undefined, null, symbol, object 가있다. 함수도 타입이다.
-
number type
javascript에서는 숫자는 정수, 소수, 실수, n진법 구분없이 number type이다. -
string type
문자열은 ''(작은 따옴표), ""(큰따옴표),(백틱)으로 감싼 값입니다.
꼭 문자열만 넣을 수 있는 것은 아니다. -
boolean type
true와 false값만 존재한다. -
undefined type
undefined타입인 값은 undefined가 유일하고 아무것도 할당하지 않은 변수는 undefined가
할당된다.(초기화) -
null type
null타입인 값은 null이 유일하고 undefined와 달리 null은 변수의 값이 없다는 것을 의도적으로 명시할 때 사용한다. 비어있는 상태로 둘때 사용한다.
typeof 연산자 사용법으로 실습해보기
typeof 값;
console.log(typeof 1) // ----- (number)
console.log(typeof '1') // ----- (string)
console.log(typeof (1 < 2)) // ----- (boolean) 값이 출력되는 것을 확인할 수 있다.
함수란?
(function)
논리적인 일련의 작업을 하는 하나의 단위를 함수라고 한다. 함수는 반복적인 기능을 저장해 두었다가 필요할 때마다 호출하여 사용할 수 있으므로, 일종의 즐겨찾기 기능이라고 할 수 있다. 그리고 반드시 돌아오는 특성이 있다.(return) 또한 구체적인 입력값과 출력값이 존재한다.
함수를 이용하여 구구단 출력하기
mulTablePrinter라는 이름의 함수가 선언이 된다. 선언이 된다는 것은 특별한 저장소에 함수 내부의 코드가 저장된다는 것을 의미한다. mulTablePrinter 함수는 num이라는 변수를 매개변수로 받아서, num에 1에서 9까지의 숫자를 곱한 값을 각각 출력한다.
함수를 만드는데에 3가지 방법이 있다. 변수명엔 공백을 사용할 수 없어서 보통 단어의 첫 글자를 대문자로 써 붙인다. 낙타 등 모양처럼 생겨 Camel case라고 부름
**
1.함수선언식
function getRectangleArea (width, height) {
let rectangleArea = width * height
return rectangleArea
}
- 함수표현식
let getRectangleArea = function (width, height) {
let rectangleArea = width * height
return rectangleArea
}
함수표현식에는 변수를 선언하고 익명함수를 할당하는 방법을 사용한다.
3.화살표함수
let getRectangleArea = (width, height) => {
let rectangleArea = width height
return rectangleArea
}
화살표함수는 변수를 선언하고 function 대신 => 기호를 할당하여 사용한다.
만약 함수의 본문(body)에 return 문만 있는 경우, return과 {}중괄호를 생략할 수 있다.
()소괄호는 사용가능하다.
ex) let getRectangleArea = (width, height) => rectangleArea = width height
오늘 하루 느낀점
수업을 처음하면서 느낀 점은 "아무도 떠먹여주지 않는구나" 였다. 배울때도 옆에서 선생님이 가르쳐주는 것이 아닌 스스로 학습플랫폼을 보면서 독학을 하고 오후에는 페어분과 함꼐 코플릿 연습문제를 풀며 공부하는 방식이었다. 그렇기 때문에 처음에는 무슨 말인지도 이해하기 어려웠다. 변수와 타입부분 학습영상을 반복학습하면서 이해했고 실습을 하면서 조금씩 익혀하기 시작했다.
하지만 함수 부분에서 난이도가 갑자기 올라가더니 이해하기 힘들었다. 페어프로그램을 하면서 파트너에게 궁금한 점이 있으면 물어보면서 코플릿 연습문제를 풀 수 있었다. 주말동안 블로그를 작성하면서 모르는 것을 다시 한번 배울 수 있었다. 앞으로는 좀 더 능동적으로 찾고 남들보다 열심히 해서 따라가야겠다는 생각을 절실히 한 하루였다....
더 알아보기
console.log가 뭐하는 앤지,,,
함수선언식 vs 함수표현식 vs 화살표함수 차이점
