data,stact
원시형 데이터
원시형 데이터의 값을 바꾸면
연결된 데이터의 값은 바뀌지 않음.
memory Heap
참조형 데이터
참조형 데이터를 바꾸면 연결된 데이터의 값도 바뀜
산술연산자
% 나머지값을 취하는 연산자
산술 단항 연산자
후행연산과 선행연산 이해
let a = 1;
let b = ++a; //a는 2
let c = a++ + 2;// 2+2이므로 c는 4, a는 a++로 3이 됨
console.log(c);
console.log(a);
산술 대입 연산자
let value1 = 1;
value1 = 10; // 110
console.log(value1);
value1 *= 10; // 100
console.log(value1);
value1 %= 10; // 0
console.log(value1);
관계 연산자
let a = 10; // Number
let b = '10'; // String
let c = a==b;
console.log(c); //true 값만 일치해도 참(암묵적 형변환)
let d = a===b;
console.log(d); //false 타입과 값이 모두 일치해야 참
let num1=100;
let num2='100';
let num3 = num1!=num2; // 100과 '100'이 같으므로 다르다고 한 것이 false임 달랐을때가 참.
console.log(num3);
논리 연산자
&& 둘다 참
|| 둘중 하나만 참이면 참
! 거짓이면 true. 참이면 false
let v1=10, v2=20, v3=30, v4=40, result;
result=v1>v2;//false
result= v1>v2 && v2<=v3;//false
result=!(v1>v2);//true
result= v1>v2 || v2<=v3;//true
console.log(result);
삼항연산자, 조건부 연산자
result = v1 > v2 ? 'A' : 'B'; //조건이 참인경우 A 거짓인 경우 B
console.log(result);
연산자 우선순위
let a=10;
let b=20;
let result = a-b3/3
let result = ((a-b)3)/3
우선순위에 괄호 표기하는 것이 좋음.
문자열 연결
"Hello " + "World!" //"Hello World!"
제어문
조건문
ㄲif (조건식) 문장
if (조건식) 문장1 else {문장2}
꺽let userId='greenfrog0099'
if(userId==='greenfrog0099'){
console.log( ${userId} 방문해주셔서 감사합니다.)
}
꺽let userId='greenfrog0099'
if(userId==='greenfrog0099')
console.log( ${userId} 방문해주셔서 감사합니다.)
한줄인경우 문장에 블록 안치기도 함.(가독성)
let userId='nurbul09'
if(userId==='nurbul09'){
/ console.log( userId + '방문해주셔서 감사합니다.') /
console.log( ${userId}님 방문해주셔서 감사합니다.)
} else{
console.log(잘못된 아이디입니다);
}
반복문
점프문
rest normalize 차이
reset : 초기화 기본 값들을 다 없애줌.(링크, 리스트) 여러 브라우저에서 동일하게 보일수 있게 해줌
장점 : 아무것도 없는 상태에서 시작하기 때문에 스타일을 부여하기 편함.
기본값이 크로싱브라우저 가능한 상태
단점 : 모든게 초기화되기 때문에 굳이 다시 정의하지 않아도 되는것을 정의하게 될 수 있음
https://meyerweb.com/eric/tools/css/reset/
normalize : 가지고 있는 차이점의 평균
장점 : 굳이 날릴 필요 없는 것은 두고 나머지를 정규화함.
단점 : 업데이트가 필요함.
https://necolas.github.io/normalize.css/
어느 것을 사용하는지 따라 기본값이 다르기 때문에 다르게 보일 수 있음.
