01. VJS 요약

JS의 장점

---

js는 다운로드할 필요없이 브라우저에 같이 구성됨
웹을 만들기위해선 반드시 필요한 것

 

변수

---

변수란 변경되거나 수정되는 것을 의미
수학을 예로든다.
a의 값은 바뀔 수 있다. a = 2, a = 10, ... 
내가 원하는 값으로말이지

let이란?
초기화, 생성할 떄는 let을 씀

변수의 값이 바뀌질 않길 바랄 떄 const사용
const

Boolean

---

boolean값은 텍스트가 아님 그리고 "없이 소문자로 쓸 것
const boolean = false;
const boolean = true;

데이터 정렬의 2가지 방법 

---

array / object

array는 데이터를 저장하는 곳 리스트같이.
즉, 단순 리스트로 만들 때 사용하면 된다. 
이렇게 단순하게 입력하지 말고, 리스트로 입력하면 한 곳에 정리할 수 있다. Mon = "monday";  Tue = "tuesday";
array = ['Mon','Tue',0,'Awesome",true];  그런데 문제는 위에 처럼 키 : 값 형태가 아닌 단순한 리스트 형태로만 나온다는 것!

일단, Tue를 출력하고 싶다면 다음처럼 array 내부에 어떤 위치에 있는지를 입력하면 된다.
console.log(array[1]);

이제 Object에 대해 알아보자
오브젝트와 어레이의 차이점은
오브젝트는 각 밸류에 이름을 줄 수 있다는 것!
즉, 키와 값을 설정할 수 있다.
단순 리스트 나열이 아니다!
const Object = {
    name:"JoonBE", 
    age:19,
    gender : "Male"
}

객체가 가진 모든 값들을 가져오려면
console.log(Obejct);

객체의 젠더값을 불러오려면
console.log(Object.gender);

const여도 const의 객체 중 젠더키의 값을 바꾸려면
Object.gender = "female"
즉, const 변수의 내부값은 변경할 수 있는데 const 변수자체는 바꿀 수 없어

array, object 정리하기 한번 더 볼 것

---

DB에서 가져온 리스트 데이터는 어레이
데이터를 합쳐서 만들어야 한다면 즉, 많은 obejct를 array안에 넣어서 데이터를 합칠 수 있다.
또한, Object안의 키의 값으로 배열을 만들 수 있다.
const JBinfo = {
    name = "JB",

    // object내부의 array선언하기
    movie = ["lion King","Matrix"] 
    
    // object의 array안에 object만들기 
    food= [
        {
        name : "kimchi",
        spicy : "well"
        },
        {
        name : "ddokbbokki",
        spicy : "mid"
        }
    ]

+.카멜표기법 
+. 매직키보드
+. 컬리브라켓 {}
+. 브라켓 []