📅 TIL #9

1. 변수와 타입

변수와 타입 기초 :

1. 변수(variable)

변수란, 프로그래밍의 세계에서는 이름(Label)이 붙은 값으로 정의된다.

변수에 이름을 지어주고(선언) 값을 넣어준다(할당).

let number = 1;      // 값이 숫자가 될 수도 있고
let name = 'useong'  // 문자열이 될 수도 있다.

프로그래밍에서는 ‘=’ 연산자의 뜻은 절대로 같다는 뜻이 아니다
메모리라는 보관함에 값을 저장한다고 이해하면 좋을 것 같다.
(할당의 개념)

변수는 동일한 변수를 이용해 대입할 수 있다. 사용했던 let은 또 사용하면 에러가 난다.

let num = 1;     
num = num + 2;   // let num = num + 2 => 에러
num = num + 3;
num = num + 4;

console.log(num) // 10;

2. 타입(type)

타입을 확인할 때는 type of 연산자를 써서 무슨 타입인지 확인할 수 있다.

원시자료형 (number, string, boolean, undefined, function) 도 타입이다.

console.log(typeof 1);
// expected output: "number"

console.log(typeof 'useong');
// expected output: "string"

console.log(typeof true);
// expected output: "boolean"

console.log(typeof undeclaredVariable);
// expected output: "undefined"

console.log(typeof function(){});
// expected output: "function"

console.log(typeof {a : 1});
// expected output: "object"

console.log(typeof [1, 2, 3]);
// expected output: "object"

2. 함수

함수 기초 :

3. 함수(function)

• 함수는 “작은 기능의 단위” 라고 표현해도 좋을 것 같다.
• 함수 선언식과 함수 표현식이 있다.
• return (함수를 반환하는 기능) 과 console.log(현재 원하는 값을 확인) 기능이 있다.
• 매개변수(parameter) 와 전달인자(argument)가 있다.

let word = 'welcome to';  // word = 전달인자(argument)

function gitBlog(word) {
  if (typeof word !== 'string') {
    return 'wrong type';
  }
  else {
    return word + ' useonglee!';
  }
}
console.log(gitBlog(word)) // 'welcome to useonglee!'

함수 선언식과 표현식은 겉보기에는 비슷해보이지만 약간의 차이가 있다.

//함수 선언식
function myFunction (input) {  // input : 매개변수(parameter)
  console.log(input);
}

//함수 표현식
let myFunction = function (input) {
  console.log(input);
}

저번에 올렸던 호이스팅과도 관련이 있다.

함수 선언식은 호이스팅에 영향을 받는다. 즉, 함수 선언식은 코드를 구현한 위치와 관계없이 자바스크립트를 해석할 때 맨위로 끌어 올려진다.

이와 반대로, 표현식은 호출 순서에 따라서 정상적으로 함수가 실행되지 않을 수 있다.

하지만 난 함수 표현식을 더 선호한다.

알고리즘을 풀 때, 클로져로도 자주 사용하게 되고, 콜백 함수로도 사용할 일이 많기 때문이다.

3. join과 undefined의 관계

join과 undefined의 관계 :

이 부분은 내가 helpdesk에 올렸던 질문이라서 이 내용으로도 블로깅을 해보려고 한다.

알고리즘 13번문제와 관련해서 질문을 했었다. 해결한 문제였지만,

배열에 문자열을 push하고 join을 사용했을 때는 ‘YouCanDoIt’ 으로 나왔지만

문자열을 더해줬을 때는 ‘YouCanDoItundefinedundefined’ 으로 반환이 되었다.

이 부분이 궁금해서 질문을 했었다.

//배열에는 undefined를 푸쉬할 수 있다.
let arr = [];
arr.push(undefined);
console.log(arr) // [ undefined ]

arr.push(1, 2, 3)
console.log(arr) // [undefined, 1, 2, 3]
console.log(arr.join('')) // "123"

그렇다면 undefined가 있는 배열에 join을 사용한다면 어떻게 될지 한번 보겠습니다.

위와 같이 배열에 undefined를 push하는것은 되지만, 문자열로 더해줄때

"abc" + undefined === "abcundefined"

와 같이 되는 특성으로 ‘YouCanDoItundefinedundefined’ 와 같은 값이 출력이 되는 것 입니다. undefined를 무시하고 이어주는 것은 join이 해주는 역할입니다.

사실 알고리즘 문제 13번을 풀었기때문에 그냥 넘어갈 수 도 있었던 문제였지만,

나의 단순한 호기심이 이 결과를 초래했다. 이 호기심이 없었더라면 이 개념에 대해서는 전혀 알고 넘어가지 못했을 것이다.

이런식으로 helpdesk를 확실히 잘 이용해야만 학습에 더 효과적인 것 같다.

문제를 푸는 것도 중요하지만 질문을 하는 자세도 중요하다는 것을 깨달았다.

👊 내일의 TIW(today I Will)

조건문과 문자열