변수란, 숫자(합계나 계산에 사용되는) 또는 문자열(문장의 일부로 사용되는)과 같은 값의 컨테이너라고 보면 된다. 변수에 대한 한 가지 특별한 점은 프로그래밍은 데이터 처리하는 것으로 데이터를 편하게 저장하고 꺼내쓰기에 상황에 따라 포함된 값이 변할 수 있다는 것
이다.
·프로그래밍 세계에서 변수는 데이터를 담는 메모리의 이름(Label)이 붙은 값이다.
-변수의 선언
변수를 사용하기 위해서 먼저 변수를 선언해야 한다. 키워드는 let으로 입력 후
그 다음 원하는 변수를 입력하면 된다.
예를 들어
let myname = OOO;
이런 코드를 입력시 let 은 선언한다는 키워드로 변수에서 한번만 적용한다
그리고 myname은 할당인데 여기에 변수를 이용해서 다른 곳에서도 이용할 수 있다.
= 표시는 할당한다는 연산자로 변수에 OOO이라는 값을 대입(assign)하는 것이다.
크롬 개발자 도구를 통해서 test해 볼수 있다.
<개발자 모드 진입 방법>
1)검수하고자 하는 웹사이트에 접속해서 마우스 우클릭 후 '검사'로 들어가는 방법
2)단축키를 이용하는 방법
mac OS ➡ command+option+i
window 혹은 linux(ubuntu) ➡ ctrl+shift+i
이런식으로 test 할수 있다.
만약 할당되지 않은 변수는 undefined라는 값을 가지게 된다.
<정의되지 않았다> --------⤴
변수에는 다양한 타입이 있다. 숫자에서는 num(Number), 문자에서는 str(String)
(TMI 키보드에 있는 numlock은 Numeric key Lock 이라는 뜻)
참과 거짓을 판단하는 타입으로 Boolean이라고 한다.
Boolean은 true, false 밖에 없다.
undefined, 함수(function)도 타입이다.
함수란 코드의 묶음으로 (즐겨찾기 버튼과 같은느낌)
기능의 단위, 입력값과 출력값의 매핑 , 호출후 반드시 돌아옴
-어떤 목적을 가진 작업들을 수행하는 코드들이 모인 블록
-함수의 사용법
함수를 선언하는 버튼을 제작하는데 이걸 함수의 선언(declaration)이라고 한다.
버튼을 제작 후 사용할 수 있는데 이것을 cal(call), invocation 이라고 한다.
(function // keyword ' ' result or getBlahBlah// name(something) (parameter //ex.num.string)
console.log(param1, param2)
return param 1
함수를 만든다 -> '함수를 선언한다'라고 표현
입력값은 - parameter
출력(결과)값을 가져오려면 return을 사용
함수에는 여러가지 방식이 있다.
1.함수선언식 (function expresstions)
function nameSomthing(param 1, param2) {
let // Variable 변수입력 // = (param 1 //연산자 입력 // param2)
return //입력한 변수//
}
2.함수표현식(function statement)
let nameSomthing = function (param 1, param2) {
let // Variable 변수입력 // = param 1 //연산자 입력 // param2;
return //입력한 변수//
}
3.화살표 함수
let nameSomthing = (param 1, param2) => {
let // Variable 변수입력 // = param 1 //연산자 입력 // param2;
return //입력한 변수// ;
}
화살표 함수의 좋은 예로
const nameSomthing =arr =>{
return arr
로 사용할 수 있다 한다.
이렇게 블로그를 통해 요약한 내용이지만 더 좋은 방법은
역시 구글링이지!
개발자라면 답을 찾으며 개발을 해야 하니
머리 끙끙 싸매지 말고 구글링을 하자!
그리고 stack Overflow를 통해 많은 개발자를 통해서도
정확하고 섬세하게 찾아본 후에 더이상 답을 못찾겠다면
in English로 물어보자!
(TMI stack Overflow 행님들 좀 ㅎㄷㄷ 하다는 얘기가... )