새로움으로 가득한,

꾸준한 사람이 되자😎

Blog/JavaScript

🤷‍♀️ 단락회로 평가란? - 왼쪽에서 오른쪽으로 연산을 하는 논리 연산자의 특성(연산 순서)을 활용 하는 방법 - 뒤에 위치한 피 연산자를 확인 할 필요 없이 그냥 연산을 끝내버리는 것 - Truthy(참같은 값)와 Falsy(거짓같은 값) 개념도 적용 논리 연산자의 종류 구분 연산식 결과 설명 && (AND) true true true 피 연산자 모두 true일때만 true 반환 true false false false true false false false false || (OR) true false true 피 연산자 중 하나만 true여도 true 반환 true false true false true true false false false ! (NOT) true false 피 연산자의 논리값..

2022. 2. 11.

Blog/기타

srcset 속성을 사용하는 이유 기기의 디스플레이 너비에 따라 다른 이미지를 사용자에게 제공하려는 경우 레티나 디스플레이를 통해 고품질 이미지를 제공하여 사용자 경험을 향상 저해상도 저사양 기기에 제공하여 성능을 높이고 데이터 낭비를 줄인다. (더 큰 이미지를 제공하는 것은 눈에 보일 정도의 차이가 없기 때문) 쉽게 생각 하자면 - 스마트폰에서 5000x2500 같은 큰 이미지 파일을 쓴다면 의미없는 통신 시간이 발생 - PC에서 작은 이미지를 쓴다면 이미지가 깨지거나 흐릿 ⇒ 표시 장치에 따라 이미지를 바꿔 보여줄 필요가 있다 ⇒ 반응형 @media 대신 srcset 속성을 쓰는 이유 일반적으로 반응형 웹에서 이미지를 지원하기 위해서는 ‘미디어쿼리’라고 하는 @media를 사용하는데, 이때 Viewp..

2021. 12. 30.

Blog/JavaScript

var : 함수단위 유효범위 (전역 스코프) let, const (ES2015+) : 블럭단위 유효범위 (지역 스코프) var - 변수 중복 선언, 재할당 모두 가능 let - 변수 중복 선언이 불가하지만, 재할당은 가능 let name = 'kmj' console.log(name) // output: kmj let name = 'howdy' // output: Uncaught SyntaxError: Identifier 'name' has already been declared name = 'howdy' console.log(name) // output: howdy​ const - 반드시 선언과 초기화를 동시에 진행되어야 한다. const name; // output: Uncaught SyntaxErro..

2021. 12. 30.

Blog/기타

Reflow - 노드의 크기 또는 위치가 변경되어 현재 레이아웃에 영향을 미쳐 배치를 다시 해야하는 경우 발생 - 변경된 요소에 영향을 받는 자식 노드들의 위치도 재 계산이 들어가기 때문에 재 계산된 결과를 그려주는 Repaint 단계도 실행 되기 때문에 렌더링 성능 향상을 위해서는 Reflow를 최대한 줄여야한다. [Reflow가 일어나는 경우] - Window Resize ⇒ viewport 변화는 Global Layout에 영향 - 폰트 변경 ⇒ height 계산에 영향을 주므로 Global Layout에 영향 - 스타일 추가 / 제거 - 텍스트 변화 (input box 텍스트 입력 등) - 클래스 Attribute의 동적 변화 - JS를 통한 DOM 동적 변화 - 엘리먼트 위치 값(offsetWi..

2021. 12. 30.