끄적끄적

JavaScript의 버전

Specification? 체계 매뉴얼이다.

브라우저의 하는 일 = specification을 받아서 동작하는 것 각자의 바식으로 동작을 하는거

바닐라 자바스크립트 = law javascript

Css 추가 법 <link rel ="stylesheet" href = "index.css"/>

 

JS파일은 항상 body아래에 있어야 된다.

Js가 html css에 옮기는게 쉬운이유는 모든 소프트웨어에는 js가 설치되 있음

Ex)하스켈같은거는 가끔 다운받아야되는 경우가 있는데 js이미 브라우져랑 같이 구성되어 있다.

모든 expression have one line

Var = create,initialize,use

Const 상수

Const a = doesn’t change

Let take other value const doen’t take

3년전에는 var만 있었는데 지금은 let과 const가 생김

첫 사용은 const 필요할때만 let을 쓰자

String =

Boolean = True or false(isn’t text)

 

For marking object use {}

데이터 정렬법 1.array from datanbase 2.Object f

 

Object를 array안에 넣기 가능

const nicoInfo = {

  name: "Jay",

  age:23,

  gender :"Male",

  isHandsome:true,

  favMovies: [ "a","b","c"],

  favFood: [

    {

      name:"kimch",

      fatty:false

      },

      {

        name:"so"

        ,

        fatty:true

        }

    ]

}

console.log(nicoInfo.favFood.name);

 

nicoInfo.gender = "Female"

 

console.log(nicoInfo.gender);

 

여기서 nicoinFo.favFood에서 name만 불러오려면

nicoInfo.favFood.forEach(function(item,index,array){

    console.log(item.name);

    });

 

이렇게 바꾸면 된다

 

자바스크립트 map메서드

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

 

 

Console = object

Log = 뭔가 있다

Console object , log = key

console.log(nicoInfo.favFood);

 이 경우 log는 function

They are built in

Function is function…

Console.log doesn’t work without messages inside so need

sayHello("Nicolas");

“Nicolas is argument. parameter How do we customize function

Function take argument Argument is just like a variable

Put something in function for working

function sayHello(fucker){

  console.log('Hello!',fucker);

}

 

sayHello("Nicolas");

 

console.log(arg1,arg2..)

function sayHello(name,age){

    console.log('Hello!',name,"You are",age);

  }

 

  sayHello("Nicolas",30);

  console.log("Hi!")