유데미 - Activating Strict Mode & Functions

MK·2022년 5월 16일

Udemy 강의!

목록 보기
12/12

이제부터는 자바스크립트에서
'use strict' , Strict 모드를 사용해보겠습니다.

크게 어려운 내용은 아니라 간략히 설명하겠습니다.

제일 위에 'use strict'을 두면 됩니다.
일부러 파란색 동그라미 쳐있는 s 를 빼고 적어보면
정의가 되어 있지 않은 개념이라는 error메세지가 뜹니다.

'use strict' 을 쓰지 않는다면 뜨지 않는 에러 메세지 인거죠.

그리고 이미 있는 변수명을 사용할때는 쓰지 못하게 에러 매세지가 뜹니다!

초록색 칸안에 있는 변수명들은 이미 존재하는 명령어라 저 변수명을 사용해서 새로운 변수를 만들 수 없습니다.


함수에 대해 알아보겠습니다.

자바스크립트에서 항상 사용하고 매우 중요한 개념입니다!

function logger() {
  console.log("my name is gratatta");
}

// calling / running / invoking function
logger();
logger();
logger();

function logger() {
console.log("my name is gratatta");
}

logger라는 값을 입력하면 console.log를 나오게 하는 엄청 재미있는 함수기능입니다.
logger(); 안에 이미 console.log 가 있기 때문에 이것만 쳐도 출력이 됩니다!
위에 사진처럼 말이죠!

또 다른 예시를 만들어 볼게요.

function fruitProcessor(apples, oranges) {
  // console.log(apples, oranges);
  const juice = `Juice with ${apples} apples and ${oranges} oranges.`;
  return juice;
}

const appleJuice = fruitProcessor(5, 0);
console.log(appleJuice);
console.log(fruitProcessor(5, 0));

fruitProcessor 안에 apples 와 oranges를 넣어뒀습니다.
잘 나오는지 console.log() 넣어봤고요.

그다음 juice라는 변수를 설정하고 문장을 넣어 줬습니다.
그리고 함수의 return은 juice 저 문장을 출력하게 만들어 뒀습니다.

그러니까 fruitProcessor()는 juice의 탈을 쓰고 있다고 생각하면 쉽겠죠?

그 밑에 예시를 볼게요.
appleJuice 라는 변수에 fruitProcessor(5,0) {사과는 5개 오렌지는 0개} 라고 해볼게요.
그리고 appleJuice 출력을 해봅시다!

위에 사용했던 문장이 출력이 되었죠!
앞에 말했듯이 fruitProcessor()를 입력을 하면 juice라는 값이 출력이 됩니다.
appleJuice 라는 변수를 지정해준 이유는
console.log(fruitProcessor(5, 0)); 로만도 출력이 되지만 코드가 길어지기 때문에 보기 복잡해집니다!

같은 결과를 더 깔끔하게 나오니 저렇게 쓰는게 좋겠죠!

한가지 예를 더 들어보자면

const appleOrangeJuice = fruitProcessor(2, 4);
console.log(appleOrangeJuice);

이렇게 2가지 값을 넣고 만들면 아까 문장에서 숫자가 바뀐채로 출력이 됩니다!

😍과제

function describeCountry(country, population, capitalCity) {
  const Myhome = `${country} has ${population} million people and it's capital city is ${capitalCity}. `;
  return Myhome;
}

const finland = describeCountry(`Finland`, 6, `Helsinki`);
console.log(finland);

const southK = describeCountry(`SouthKorea`, 51, `Seoul`);
console.log(southK);

const japan = describeCountry(`Japan`, 80, `Tokyo`);
console.log(japan);

하루 코딩을 안했다고 스트링 표시를 나라에 하지 않고 위에서 하고 있어서 30분 걸려서 만들었네요 F****K

답은 이렇습니다. 뭐 예 조금더 깔끔하게 나올 수 가 있었던 거네요.
일단 뭐...
시마이~!

profile
그라타타타

0개의 댓글