Vanilla JS 기초 1

변수 Variable

사용법 : 1. 만들기   let a = 5;                        *1과 2 동시에도 가능

           2. 초기화   let b = 221 - a;

           3. 사용     console.log(b);

 

상수 Constant

        const a = 221;

        let b = a - 5;

        a = 4;            <- error! const 값은 바꾸지 X

        console.log(b , a);

 

String

    const name = "so yeong";

    console.log(name);              console > so yeong

 

Boolean True or False

    const what = true;

                      false;

 

Number

    const num = 666;

    console.log(num);    console > 666

 

Float 숫자인데 소수점 있음

    const float = 55.1;

 

위 데이터 타입들 정렬법

    1.Array  : DB에서 가져온 리스트 데이터, 단지 list임

    2.Object  : object는 각 value에 이름을 줄 수 있음

                   실제 객체를 만들어줌 = label을 저장하고 싶은 data에 넣어줌

*Array안에 Object 넣을 수 있음, Object안에 Array 넣을 수 있음

Object안에 Object 넣을 수 있음*

· Array                   

                                 [0]      [1]      [2]      [3]    [4]

    const dayOfWeek = ["Mon", "Tue", "Wed", "Tur", "Fri"]

        사용: console.log(dayOfWeek);   console> 'Mon', 'Tue', 'Wed', 'Tur', Fri

               console.log(dayOfWeek[2]);    cosole> Wed

 

   const yeongInfo = ["yeong", "27", true, "Gunpo"];

   console.log(yeongInfo);   console > ['yeong', '27', true, 'Gunpo']

  -> 단지 리스트임 이름을 알고 싶어도 꺼내 쓸 수 X

         ∴ object를 생성 

            object는 실제 객체를 만들어줌. label을 저장하고 싶은 data에 넣어줌.

 

· Object

    const yeongInfo = {

         name: "yeong"

         age: 27,

         female: true

        }

        사용: console.log(yeongInfo);

       console> {name : 'yeong', age: 27, female:true}

               console.log(yeongInfo.name);

       console>  yeong

 

* yeongInfo.age = 17을 주면

                age 값이 바뀜

     console.log(yeongInfo.age);   console>  17

 

const yeongInfo ={

         name: "yeong"

         favMovies: ["인터스텔라", "어벤져스", "분노의질주"]         ->object안에 array 넣는것 가능

         favFood: [ 

                       {name : "kimchi"

                        fatty : false} ,

                       {name : "cheese burger",                                 array안에 object 넣는 것도 가능

                        fatty : true}

                     ]

                    }

 

console > {

               name : 'yeong'

               favMovie : ['인터', '어벤', '분노']

               favFood : [

                              {name: 'kimchi' fatty: false},

                              {name: 'cheese burger' fatty: true}

                            ]

     

 

 

    정리: object는 value에 이름을 줘서 쉽게 꺼내쓸 수 있음

           object안에 value가능 

           value안에 object 가능

           , 문법조심