[개발자되기: 변수, 타입, 함수] Day-2

변수란?

• 메모리: 데이터보관함
• 보관함의 크기는 동일
  --> 각 보관함의 이름 "변수" = 데이터의 이름표

변수 사용법

• 보관함 확보 -> 선언 ex) let age;
  - 각 보관함의 크기는 모두 같음
• 보관함에 데이터 저장 --> 할당 ex) age = 12;
• 선언과 할당 동시에 가능 --> let name = "lee";
• = 는 '같다'는 의미가 아니라 '할당(assign)'의 의미

변수와 타입

변수

• 변수는 상황에 따라 변할 수 있는 값, 이름(label)이 붙은 값
• 선언은 let myname;
• 할당은 myname = "Steve";
  ex)

(잘된 표기O) let thing = "두루마리 휴지", num = 3; 
(잘된 표기O) let thing = "두루마리 휴지";
			let num = 3; 

• 선언 + 할당 같이 쓰면 let myname = "Steve";
• 한번 선언했던 변수는 또 쓰지 않음
  ex) let sum = 1;
  sum = sum + 2;
  sum = sum + 3;

cf) 표현식(expression): 변수를 이용해서 값을 계산하는 식

타입

• 숫자
• "문자열"
• Boolean
• compound형(자료형 - 서로 섞인 형)
  배열 ex) let fruits = ['banana', 'apple', 'pineapple'];
  객체 ex) let person = {name: "Steve", age: 32, is Student: true};
• undefined : 값이 할당되지 않은 경우, 값이 없는 경우
• 함수

typeof 연산자

• 특정 값의 타입 확인
• typeof 값;

함수

• 입력에 따라 그에 걸맞은 논리적인 일련의 작업을 하는 하나의 작업 단위
• keyword + name + parameter
• 코드의 묶음 (즐겨찾기 버튼)
• 기능의 단위
• 입력과 출력간의 매핑
• 호출하면 반드시 돌아온다(return)

함수사용법

1. 버튼 제작 - 선언(declaration)
2. 버튼 사용 - 호출 (call)

함수 기초

• 함수를 만든다 = 함수를 선언하다
• 입력값 & 출력값
• 함수 선언 방법 3가지
  1/ 함수 선언식

function getRectangleArea (width, height) {
    let rectangleArea = width * height;
    return rectangleArea
}
undefined
getRectangleArea (3,4);
12
getRectangleArea(5,8);
40

2/ 함수 표현식

let getRectangleArea = function (width, height) {
    let rectangleArea = width * height;
    return rectangleArea
}
undefined
getRectangleArea(3,8)
24
getRectangleArea(5,7);
35

3/ 화살표 함수

let getRectangleArea = (width, height) => {
    let rectangleArea = width * height;
    return rectangleArea
}
undefined
getRectangleArea(3,4);
12

• 코드가 한 줄일 경우 더 간단하게 쓸 수 있음

let getRectangleArea = (width,height) => width * height;
undefined
getRectangleArea (6,7);
42

이 밖의 함수

1/ convertToNumb

• 임의의 값을 입력받아 수(number)의 형태로 리턴하는 함수
  a) convertToNumb, Number()

function convertToNumber(anything) {
   return Number(anything);
}

b) convertToString, String()

function convertToString(anything) {
   return String(anything);
}

c) parseFloat()

• 실수가 될 수 있는 값을 모두 실수로 변환해 주는 함수 or NaN

function convertToNumber(anything) {
   return parseFloat(anything);
}

ex)

parseFloat(3.14); // 3.14
parseFloat('3.14'); // 3.14
parseFloat('314e-2'); // 3.14
parseFloat('숫자가 아닌 문자들'); // NaN
parseFloat('3.14가 아닌 문자들'); // 3.14

d) parseInt()

• 함수는 첫 번째 인자를 문자열로 변환하고 그 값을 파싱하여 정수(자연수, 자연수의 음수, 0)나 NaN을 반환함
  ex)

parseInt("hello"); // NaN
parseInt(3.14); // 3
parseInt(3.67); // 3
parseInt("3.5"); // 3
parseInt("Kyoorim1104"); // NaN
parseInt("080"); // 80
parseInt("0e0") //0

종합문제 풀이

1/ let favoriteFruit = "사과";

• let으로 favoriteFruite을 선언하고 사과를 할당한다
• = 는 할당연산자라고 한다
• 동등연산자는 ===

2/ null vs undefined

• null
  값이 없다 (상자고 뭐고 없는 상태)
  값이 없는 상태를 의도적으로 부여한 상황

• undefined (상자는 있는데 내용물 없는 상태)
  값이 정의되지 않았다
  값이 없는 상태를 의도적으로 부여하지 않은 상황
  

3/ 매개변수(parameter), 인수(argument)

• parameter
  외부로부터 받아들이는 임의의 값
• argument
  함수를 호출할 때 사용하는 값