[JavaScript] 기초

변수

: 데이터보관함(메모리), 보관함의 크기는 동일, 각 보관함의 이름 = 변수, 이름을 통해 데이터 사용(재사용)

 

변수를 사용하는 방법

:선언(declaration) = let

let age;

 

:보관함에 데이터저장 = 할당(assignment)

Age = 12;

 

:선언과 할당 동시에 가능

let name = 'kim';

---

-수학에서 = 기호는 '같다'의 의미로 사용하지만, 자바스크립트에서는 변수에 할당하기 위해 사용합니다. 

참고로 '같다'라는 의미의 연산자는  ===

 

-변수를 선언하고 할당하는 가장 큰 이유는 반복적으로 사용하는 값을 데이터 보관함에 넣어 두었다가 편하게 꺼내서 사용하기 위함.

 

-데이터 보관함(메모리)의 크기는 동일합니다.

 

-변수란 각 보관함에 붙인 이름을 의미.

---

표현식(expression)에서 이러한 변수들을 사용할 수 있다.

pi * 5 * 5 ; // 반지름이 5인 원의 넓이

pi * 7 * 7 ; // 반지름이 7인 원의 넓이

 

-위의 식에서 변수로 둘 수 있는 것이 하나 더 있다! -> 반지름

 

let radius = 5;

pi * radius * radius;

 

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

 

Let areaOfCircle = pi * radius * radius;

변수명엔 공백을 쓸 수 없으므로, 보통 단어의 첫 글자를 대문자로 써 붙인다. 

낙타 등 모양처럼 생겨 camel case라고 부름

---

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

let sum = 1; 

sum = sum+2;  //한번 선언했던 변수는 다시 선언하지 않는다. 

sum = sum + 3;

//결과는 6

 

할당이 없는 변수는?

선언은 let myname;

할당은 myname = ‘Steve’;

만일 할당이 없다면? undefined ->정의되지않았다!

---

타입

 

변수에는 다양한 타입이 있다!

pi = 숫자 = 3.141592

myname = 문자열 = steve

isAdult = 불리언(Boolean) true/false = 성인입니다?

 

위 타입이 서로 섞인 타입도 있습니다(자료형)

배열 = banana/apple/pineapple

let fruits = [‘banana’ , ‘apple’ , ‘pineapple’];

 

객체  Object = 이름, 나이 ,체크

let person = {

name : ‘Steve’ , 

age : 32,

isStudent : true

}

 

undefined (변수에 값이 할당되지 않은경우) 도 타입입니다. 

함수도 타입입니다.

---

함수

: 논리적인 일련의 작업을 하는 하나의 단위를 함수

 

코드의 묶음(즐겨찾기 버튼)

기능(function)의 단위

입력과 출력 간의 매핑(mapping)

반드시 돌아온다(return)

---

함수 사용방법

1. 버튼제작 = 선언(declaration) = 데이터보관함에 저장

2. 버튼 사용 = 호출(call, invocation)

cal(10, 20);

 

-함수는 기능의 단위이다.

-함수는 반복적인 기능을 저장해 두었다가 필요할 때마다 호출하여 사용할 수 있으므로, 일종의 즐겨찾기 기능이라고 할 수 있다. 

-함수는 반드시 돌아온다. return

-함수는 구체적인 입력값과 출력값이 존재한다.

---

함수의 기초

반복적으로 실행되는 일이 필요한 경우? 함수로 만들 수 있다. 

함수란? 어떤 목적을 가진 작업들을 수행하는 코드들이 모인 블록

함수는 return을 만나면 항상 출력값을 반환한다.

함수는 지시사항들의 묶음

 

 

//함수선언식

function getTriangleArea (base, height) {

    let triangleArea = (base * height) / 2;

    return triangleArea

}

 

//함수표현식

const gerTriangleArea = function(base, height){

    let triangleArea = (base * height) / 2;

    return getTriangleArea;

}

 

//화살표함수

 

const getTriangleArea = (base, height) => {

    let triangleArea = base * height;

    return triangleArea;

}

 

변수선언const 에 익명함수입력 function

화살표함수

변수선언  할당 =>

 

만약 함수의 본문(body) 에 return문만 있는 경우,

: return 과 중괄호(curly bracket)를 생략할 수 있습니다. 

const getTriangleArea = (base, height) => base * height / 2; //정상작동

const getTriangleArea = (base, height) => {base * height / 2}; // X, undefined리턴

 

return문에서 소괄호를 사용할 수 있습니다. 

const getTriangleArea = (base, height) => (base * height / 2); //정상작동

 

만약 함수 내의 표현식이 2줄 이상인 경우, 

: return 과 {} 중괄호를 명시적으로 쓰는 것이 좋습니다. 

 

함수의호출

선언은 매개변수(parameter)(base, height) 

호출은 전달인자(argument) getTriangleArea(3,4)