#2.1.1 More Function Fun

 

자, 이제 console.log 쓰는 거 대신에

 

이런 딱 봐도 문자열 같은거 말고 섹쉬한 스트링을 써보자고요~!~

자바스크립트에서는 텍스트를 써야 하고 텍스트에 변수를 섞어 쓸 순 없습니다. 

예전 자바스크립트에서는 많은 콤마를 쓰고 싶지 않을 때 어떻게 했었냐면
 "Hello" +  name + 그리고 다시 또 문자열을 넣고 .... 스페이스 주는거 잊지말아야 하공.. 스페이스를 주고 안주고 하는건 일반적으로 많이 하는 실수지요. 아 이건 섹쉬 하지 않아요.

그리고 자바스크립트에서는 "(따옴표)" 도 스트링이고 '(싱글 따옴표)'도 스트링입니다. "(따옴표)로 시작 했으면 반드시 "(따옴표)로 끝내야 하고 '(싱글 따옴표)로 시작 했으면 '(싱글 따옴표)' 로 끝내야 합니다.

하지만 이렇게 쓰는 방식이 지루하다고 느끼고 싫증난 거예요. 그래서 자바스크립트는 백틱(`)이라는 것을 생각해냅니다!

백틱(`) 요렇게 생긴 거! 싱글(')이랑 더블(")이랑 다릅니다! 헷갈리지 말아요. 매우 매우 매우 매우 매우 매우 달라요.
그럼 이제 스트링을 써봅시다.

 

 

console.log 하고 returning X 하고는 컴퓨터 사이언스의 가장 기본입니다. 잠깐 보여주고 싶은게 있는데.. console.log로 뭘 하는거 대신에 내가 원하는건 return이에요.  return은 무슨 뜻이냐면 돈을 내면 반드시 잔돈을 받아야 하잖아요? 그런 개념입니다. 그리고 const greetDalle라는 변수를 만듭니다. 이 변수는 sayHello를 호출 하죠. 근데 이거 전에

여기 뭐가 발생 했는지 봐봐요. 1번 - 3번째 줄에 함수가 있습니다. 우리가 이미 알고 있는거, 이거에 대해선 전문가니 뭐 잘 알죠? 5번째 줄엔 greetDalle 라는 변수를 선언했습니다. greetDalle 는 sayHello 함수의 리턴 값이랑 같은 거예요.
이제 console.log를 봅시다. console.log는 객체입니다. math객체를 만들어 보겠습니다.

 

console.log() 같이 calculator.plus()라는 걸 갖고 싶어요. calculator.plus(5 , 5); 그래서 10을 갖습니다. 이 의미는 함수 기능을 객체 안에 구현 해야 한다는 겁니다. 그래서 plus : function 함수를 넣었습니다. plus 함수는 2개의 인자 값(argument)을 받습니다. 2개 인자function(a, b)를 넣었고.. 아, a와 b는 chicken, potato같은 거예요. 꼭 a, b 일 필요 전혀 없어요! 그리고 나서 반환해줍니다. return a + b; 짠!

console.log() 하고 calculator.plus(). console, calculator 두개다 모두 객체고 log() 인자를 가지는 함수고 plus()도 2개의 인자를 가지는 함수입니다.

자, 여기까지예요! 여러분은 이제 자바스크립트 프로그래머가 된거예요!! 함수를 알고 객체를 알고 둘다 섞어 쓸 수 있어요. 굿굿! 축하합니다^_^

그럼 다음글에 봐용가리👋

씨유!
씨유 초코찰떡꼬치 맛있어요