[JavaScript] #2.1.1 More Function Fun - 백틱 `__` (#코딩공부)

https://youtu.be/mLTUtMARkqc

---

<복습>

https://wook-2124.tistory.com/68

[JavaScript] #2.1 Your first JS Function - parameter(매개변수), argument(인자) (#코딩공부)

 

<준비물>

https://repl.it/

Online IDE, Editor, and Compiler - Fast, Powerful, Free

 

<코드기록>

// console.log는 함수의 argument(인자)를 무한하게 가질 수 있음
// ex) "Hello!", "you are", "years old right?"
function sayHello(name, age) {
  console.log("Hello!", name, "you are", age, "years old right?");
}

sayHello("YoungWook", 27);


// 위랑 비교해서 `__` 백틱을 이용해 한번에 문장을 만듬
// argument(인자)를 표시하는건 Python과 마찬가지로 {}를 쓰지만 JavaScript에서는 $을 {}앞에 붙여주고,
// Python에서는 {}가 들어가는 문장 맨 앞에 f를 붙여줌
function sayHello(name, age) {
  console.log(`Hello ${name} you are ${age} years old right???`);
}

sayHello("YoungWook", 27);


// const 변수 설정
// greetYoungWook변수는 sayHello 함수의 return 값이랑 같음
function sayHello(name, age) {
  return `Hello ${name} you are ${age} years old right???`;
}

const greetYoungWook = sayHello("YoungWook", 27);

console.log(greetYoungWook);

---

1. 백틱(`__`) 사용하기

/* */으로 주석 처리한 부분 "Hello!", name, "you are", age, "years old right?"처럼 하나하나씩 적어주면 번거로우니, 백틱(`__`)을 이용해서 한 문장으로 묶어줬다.

 

다음으로 argument(인자)를 표시하는 건 Python과 마찬가지로 {}를 쓰지만, JavaScript에서는 $을 argument(인자)를 넣을 {} 앞에 붙여준다. 추가로 Python에서는 {}가 들어가는 문장 맨 앞에 f를 붙여준다.

 

정리하면 JavaScript = (`Hello! ${args}.`) / Python = f("Hello! {args}.")

 

그리고 const greetYoungWook 변수 설정을 통해서 출력될 내용을 하나로 묶어줬다.

---

2. JavaScript 계산식 만들기

function마다 a, b parameter(매개변수)를 설정한 뒤, 각 function의 용도에 맞게 return 해줬다.

 

하나의 예로, const calculator로 정한 object안에 있는 property minus를 calculator.minus처럼 부른 뒤 10, 3으로 argument(인자) 값을 입력하는 식으로 나머지 값들도 한 번에 출력해줬다.

 

https://wook-2124.tistory.com/18

[Python] #1.9 Code Challenge! (#코딩공부)

JavaScript 계산식을 보고 Python 계산식을 보면, Python 코드가 얼마나 간소화돼있는지 알 수 있다.

---

※ 코로나19 조심하세요!!!!