Vanilla JS 기초 2

Javascript 문법 매우 중요함!

①  , 빼먹지말기
②  string 쓸때 앞뒤에 꼭 ""

③ console.log로 확인해서 에러찾기

 

console.log(yeongInfo.favFood);

->여기서 console은 Object임.

   console이라는 object가 있고 log라는 키가 있다.

 

->*console은 yeongInfo보다 훨씬 큰 object임 * 

   console.log(console)도 가능 

 

-> console이란 object 안에 있는 함수!

    console.log()안에 메세지가 없으면 작동X

 

function 이란?

->어떤걸 수행하려는 한 부분, 원하는 만큼 쓸 수 있음

-> 한조각의 코드, 여러개 내가 가져다 쓸 수 있는! 

 

함수 만드는법 (함수에게 외부에 있는 데이터를 주는 방법)

 

function sayHello(argument){

     console.log('Hello', argument);

     }

sayHello('yeong');

 

console> Hello! yeong.

 

argument(인자)는 변수 같은 것, 우리가 주는 값을 저장함

여기서 자바스크립트가 하는 일은 'yeong'값을 argument에 넣음

 

 

ex)

   function sayHello(name, age){

       console.log('Hello!', name, 'I have', age);

}

    sayHello('yeong', 27)

 

console> Hello! yeong. I have 27;

 

꿀팁) string 사용할 때 ',' 대신 ``백팁사용! -훨씬간단

ex)

   function sayHello(name, age){

       console.log(`Hello!' $(name), I have, $(age) years old`);

}

    sayHello('yeong', 27);

console > Hello! yeong you are 27 years old.