세션 : 모든 브라우저를 닫아 서버와의 연결을 끝내는 시점에서 모든걸 삭제함. 쿠기보다 보안은 좋음
쿠키 : 브라우저를 종료해도 접속자의 PC에 내용을 남겨 다음에 똑같은 곳을 접속 할 때에 다시 사용(기간이 있기 때문에 그 기간이 종료되기 전까지 유지)
flex : 한쪽 방향만 가능(가로만 or 세로만), 공간이나 간격이 유동적이다. 배경색을 넣어보면 해당 태그의 공간만 차지한다.
grid : 2차원 배열(한쪽을 1로 맞추면 flex랑 동일), 크기를 정해서 일정하게 유지한다.[grid-template-columns] 배경색을 넣어보면 margin을 제외한 가로공간에는 다 칠해진다. justify-items를 설정하면 공간 안에서 배치 변경이 가능하다.
CLASS(ES6에서 추가됨)과 생성자함수 작성의 차이
class Myclass{ //함수가 아니기 때문에 () 붙이지 않음
constructor(name){ //속성 설정
this.name=name;
this.money=0;
}
//메서드 : 메서드이름(매개변수){함수식} 메서드를 여러개 쓸 때 ; 붙이지 않음
sayName(){alert(this.name)}
setMoney(num){this.money=num;}
}
let myclass= new Myclass("green");function MyFunction(name){
this.name=name;
this.money=0;
this.sayName=function(){alert(this.name);};
this.setMoney = num => this.money=num;
}
let myfunction= new MyFunction("blue);둘의 차이점은 for in 을 통해서 불러오기에서 차이가 생긴다
for( i in myclass){console.log(i,myclass[i]);};
for(i in myfunction){console.log(i,myfunction[i]);};을 실행해보면 CLASS로 작성한 것은 메서드를 뺀 속성값만 나오고 생성자함수로 만든 것은 메서드를 포함해서 나온다.