<TIL> 211207 JavaScript, CSS

 

🐣

 

<JavaScript>

변수와 객체

변수는 변수를 담고 있지만, 객체는 객체의 주소를 담고 있다.

a 변수를 b 변수에 대입하면 값이 복사가 되고,

c 객체를 d 객체에 대입하면 주소값이 복사가 된다.

(함수도 객체와 마찬가지로 주소값을 할당)

 

Boolean 값

0, "", null, undefined, NaN은 false이다. false 같은 값이라고 하여 falsy 라고 한다.

 

논리연산자: 피연산자 타입에 제한없음

&& => 첫번째 falsy를 반환 (하나라도 false 이면 false이기 때문에 false가 나오면 끝임, 모두 true이면 마지막 값 반환)

|| => 첫번째 truthy를 반환 (하나라도 true 이면 true이기 때문에 true가 나오면 끝임, 모두 false이면 마지막 값 반환)

 

?? (null 병합 연산자)

변수에 기본값을 할당하는 용도로 사용

job = job ?? "Developer";

 

label:

중첩 루프의 내부 루프에서 특정 조건을 만족할 경우 바깥 루프까지 빠져나갈 수 있게 하는 문법

 

매개변수의 기본값 설정

variable = params || "default";

 

함수 표현식 vs 함수 선언문

함수 선언문: 앞뒤에서 함수 호출 가능 (=초기화 단계에서 생성됨)

함수 표현식: 뒤에서만 함수 호출 가능 (=선언후 사용가능)

 

<CSS>

- px: 1/96인치

- rem: 기본값 대비 비율

- width, height 초기값: auto

- margin, padding 3개 값 적용시 top / left&right / bottom 순으로 적용됨

 

상속 안되는 프로퍼티

margin, padding, border, box-sizing, display

 

inline 요소 높이 설정

inline 요소는 height 프로퍼티가 없지만, line-height 프로퍼티를 통해 상하여백 지정 가능

 

opacity

0.0(투명) ~ 1.0(불투명)

 

📌

https://ko.javascript.info/

https://poiemaweb.com/

https://academy.dream-coding.com/