20.04.01 노마드코더 - 바닐라JS #2-1

.·2020년 4월 1일
0

Nomad Coder

목록 보기
6/19

동영상을 보면서 강의한 내용을 메모를 하며 듣고 난 후 공부한 내용을 떠올리면서 블로그를 적는 것은 정말 도움이 된다. 갑자기 다른 이야기지만 세상 모든 일이 다 그렇듯이 잘하면 재밌고 반대일 때는 재미가 없다. 어떻게 해보니까 재미를 느낀다 라는 것을 맛보니 공부를 계속 하게 되는 것 같다.

2-1. 너의 첫번째 함수

  • 함수란 무엇인가?
    : 어떤 것의 기능을 함, piece of code, 원하는 만큼 쓸 수 있는 코드, 여러 번 거쳐 바꾸어야 할 부분을 함수로 간편히 바꿀 수 있다.

    여러번의 반복작업을 자동화 시켜준다.

  • 어떻게 생겼는가?

    function sayHello() {
    console.log('hello!')
    }
    sayHello(); ----------------> 콘솔창에 'hello!' 뜬다.
    console.log('hi!'); --------------> 콘솔창에 'hi!' 를 찍어준다.(위의 함수와 별개)
    그러나 갑자기,
    sayHello('Nico'); ---------------> 콘솔창에 아무것도 확인할 수 없다.

  • 괄호 안은 무엇을 뜻하지?
    : 괄호 안은 인자 (argument 또는 parameter) 라고 하며, 함수는 인자를 받는다.
    함수는 인자를 받으며, 인자는 마치 변수 처럼 우리가 주는 값을 저장할 것이다.

  • 함수를 준비하는 방법
    : 함수를 만드는 시점에 ( ) 안에 뭔가를 준비한다.
    음, 괄호안에 potato 를 넣어보자. potato는 함수 안에서 사용하게 될 이름이 된다.

  • 함수에게 외부에 있는 데이터를 주는 방식을 보자

    : 괄호 () 안에 potato는 함수 내에서 사용하게 될 이름이 될 인자. 콘솔 로그에 문자열 'hello!'와 potato 를 찍어 내라는 함수이다. 이렇게 함수를 만들어내 놓고서, 함수로 명령을 한다. sayHello("Nicolas");
    자 함수는 뭘 찍는다 했더라? 문자열 'hello!' 와 인자 potato.
    sayHello 함수를 불러왔으니 콘솔 창에는 일단 문자열 hello! 를 보여줄 것이고, potato는 potato 를 보여주는가? 아니! 인자는 마치 변수 처럼, 이라는 말을 위에 했었다. potato는 함수 안에서 사용하게 될 단지 이름 이다. sayHello("Nicolas")의 괄호 안 "Nicolas" 는 potato 가 된다.
    그래서 hello! Nicolas 가 출력된다.
    (뭔 뜻인지는 느낌으로는 알겠는데 아직 어색하다ㅜ)

  • argument 는 무한히 많이 가질 수 있다.
    : 괄호 안에는 chicken 을 넣든 아무도 상관 안한다. 다만 뜻을 알아보기 쉬운 것을 넣어야 한다. 그럼 아무거나 넣는건 아니잖아 (문과X)

function sayHello (name, age) {
	console.log ('hello', name, 'you have', age, 'years of age');
    }
    sayHello()

이렇게 콘솔창에 입력하면,
hello undefined you have undefined years of age
이렇게 뜬다. 함수 sayHello 의 괄호 인자는 name, age 로 정의 해 놓았는데 그 인자들이 받을 외부 데이터를 입력하지 않았다. 우리가 주는 값을 담아 콘솔창에 뿌리는데 우리는 값을 주지 않았다.

그럼 다시 이렇게,
function sayHello (name, age) {
	console.log ('hello', name, 'you have', age, 'years of age');
    }
    sayHello('Teddy',99);

hello Teddy you have 99 years of age

:' ' 내 문자열은 찍혀서 그대로 나오고 우리는 'Teddy' 와 99라는 외부 데이터 인자 값을 입력해 출력시켰다.

  • 한줄 느낀점
    : 함수 내 인자에서 으음 그렇군 하다가 갑자기 엉뚱한 테디니 뭐니 나와서 당황했지만 그 인자를 받는 값이다 뭐 그렇게 생각하면 될거 같다.
profile
.

0개의 댓글