기록

자바스크립트에서의 함수와 일급객체

연관 면접 질문자바스크립트 함수에 대해서 아는대로 설명해주세요.참고 링크 https://www.maeil-mail.kr/question/33🗝️ 키 포인트 : 일급객체, 익명함수와 함수 표현식, 호이스팅, 클로저, 고차함수, 화살표 함수 함수와 일급 객체함수는 값처럼 취급 될 수 있으며 고차 함수를 포함한 다양한 패턴을 구현할 수 있습니다.여기서 일급 객체란?아래 특징을 갖고 있는 객체를 말합니다.무명의 리터럴로 생성할 수 있다. 런타임에 생성이 가능하다- 무명의 리터럴은 이름이 없는 리터럴 값을 의미합니다. 자바스크립트에서 이것은 주로 익명 함수(anonymous function)를 가리키는데, 함수의 이름 없이 직접 표현식으로 작성하는 방식입니다. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다..

[JavaScript] 스프레드 연산자로 문자열을 받을 경우

스프레드 연산자를 사용하면 배열이나 객체를 복사하여 사용할 수 있습니다.var parts = ["shoulders", "knees"];var lyrics = ["head", ...parts, "and", "toes"];// ["head", "shoulders", "knees", "and", "toes"]스프레드 연산자는 배열을 매개변수로 전달하거나 날짜 객체에 전달할 때도 유용하게 쓰입니다.var dateFields = [1970, 0, 1]; // 1 Jan 1970var d = new Date(...dateFields);객체를 합칠 때도 사용됩니다.var obj1 = { foo: "bar", x: 42 };var obj2 = { foo: "baz", y: 13 };var clonedObj = { ....

랜딩 페이지 최적화는 어떤 것이 있을까? ( 디바운스, 인터셉션옵저버 활용하기 )

반응형 랜딩 페이지에서 가장 렌더링 계산이 의외로 많이 들어가는 것은 무엇일까?디바이스별로 width와 height를 계산하는 것에 많이 들어간다. 리플로우, 리페인드라고 하는데 CSS렌더링 시  랜딩 페이지 최적화: 디바운스(Debounce)와 인터섹션 옵저버(Intersection Observer) 활용하기 랜딩 페이지는 사용자가 웹사이트에 처음 방문했을 때 접하게 되는 중요한 지점이다. 사용자가 랜딩 페이지에서 느끼는 첫인상이 곧 이탈률 감소와 전환율 증대로 이어지기 때문에, 랜딩 페이지의 최적화는 디지털 마케팅에서 필수적인 요소이다. 본 포스팅에서는 디바운스(Debounce)와 인터섹션 옵저버(Intersection Observer)를 활용하여 랜딩 페이지를 최적화하는 방법을 개념, 예제, 그리고..

JavaScript Math.trunc()메서드와 틸트(tilt) 연산자

숫자를 다루는 연산을 할 때, 소수점을 버릴 경우 Math.trunc()연산자를 사용한다. 비트 연산에서는 주로 쓰이는 틸트 연산자 중 이중 틸트 연산자의 경우 숫자의 소수점을 버리는 방법으로 알고리즘 문제를 풀이를 할 시 간단하게 사용할 수 있다.1️⃣ ~ (비트 반전 연산자)~ 는 비트 반전 연산자(bitwise NOT)라고 부른다. ~ 연산자는 숫자의 모든 비트를 반전시킨다.0은 1로, 1은 0으로 바뀐다.예를 들어, 8비트로 표현된 숫자 5가 있다고 하면, 이진수로는 00000101이다. ~5를 연산하면 각 비트가 반전되어 11111010이 된다. 11111010을 십진수로 표현하면 -6이다.~5 = -62️⃣ ~~ (이중 틸트 연산자)~는 비트 반전 연산자인 ~를 두 번 적용한 것이다.숫자의 소..

한글 입력시 두번 이벤트 발생되는 현상 - onKeyPress, onKeyDown, onKeyup

🔍 문제 input 태그에 onKeyDown을 사용했을 때 영어는 이벤트가 한번 들어가는데 한글을 입력하면 두번 이벤트가 발생하는 현상이 있었다. 🔍 원인 KeyboardEvent.isComposing라는 객체가 입력된 값이 조합문자인지 아닌지 확인하는데 한글은 자음과 모음의 조합으로 한 음절이 만들어지기 때문에 조합문자로 인지되고 영어는 조합문자가 아닌 것으로 입력된다. 한글이 입력될때는 KeyboardEvent.isComposing가 true, 영어일 때 KeyboardEvent.isComposing가 false로 입력되면서 한글은 onKeydown이벤트가 들어갔을때 조합문자인 상태로 한번, 해지된 상태에서 또 한번으로 이벤트가 두번 들어가게된다. KeyboardEvent.isComposing가 fa..