윈도우에서 Authentication failed 에러로 git push가 되지 않아 ssh 키를 발급받아 사용하게 되었다. 자세한 설명은 GitHub 문서 참고. 새로운 SSH 키 생성 터미널에 아래 정보를 입력한다. ssh-keygen -t ed25519 -C "your_email@example.com" 키를 저장할 파일을 입력하라는 메...

Just-in-Time Compilation (JITC) 자바스크립트 엔진은 인터프리터 방식으로 동작한다고 알고 있지만, 초기 버전의 자바스크립트 엔진은 수행되는 모든 자바스크립트 코드를 바로(just-in-time) native code로 컴파일하는 방식이었다. JITC 방식은 javascript source를 bytecode 형식으로 파싱하...

role html 태그 외에도 접근성적으로 의미를 부여해야 할 경우 role을 사용한다. 예) span 태그이지만 link 역할을 하는 경우 <span tabindex="0" role="link" onclick="goToLink(event, 'http://www.w3.org/')" onkeydown="goToLink(event...

:autofill input에서 자동완성 항목 호버나 선택 시의 스타일을 지정한다. input { border: 3px solid grey; border-radius: 3px; } input:-webkit-autofill { border: 3px solid blue; } input:autofill { border: 3px sol...

메모이제이션 메모이제이션은 함수의 호출 결과를 저장하고 동일한 입력이 다시 제공될 때 캐시된 결과를 반환하여 실행 속도를 높이는 최적화 방법이다. 주로 재귀 함수와 클로저 기법을 사용해 동작한다. 예시 : 피보나치 수열 const fibonacci = (num) => { if (num < 2) { return num; ...

토근 기반 인증 HTTP의 Connectionless, Stateless 특성 때문에 세션을 이용한 서버 인증 방식을 주로 사용된다. 하지만 서버를 통한 인증 방식은 저장해야 하는 세션의 수가 많아지면 서버에 과부하가 발생될 수 있다. 토큰을 사용한 인증 방식은 서버측에 데이터를 담아두지 않는다. 서버에서 발급받은 AccessToken을 클라이...

Class ES6에서 추가된 객체 생성 템플릿 함수 Constructor (생성자) 객체를 생성하고 초기화하기 위한 메서드 클래스 안에 한 개만 존재할 수 있다. 부모 클래스의 constructor를 호출하기 위해 super 키워드를 사용할 수 있다. class User { c...

@supports @supports은 주어진 하나 이상의 CSS 기능을 브라우저가 지원하는지에 따라 다른 스타일 선언을 할 수 있는 방법을 제공하며, 이를 기능 쿼리라 한다. 지원 조건은 하나 이상의 키-값 쌍을 논리곱(and), 논리합(or), 부정(not)으로 연결해 구성할 수 있다. @supports (display: grid) { di...

:is() :is 가상 클래스 선택자의 함수는 선택 리스트를 인수로 받고, 리스트의 선택기 중 하나로 선택할 수 있는 요소를 선택한다. /* header, main, footer의 요소가 hover 되면 css 속성을 적용한다. */ :is(header, main, footer) p:hover { color: red; cursor: poin...

DOM Virtual DOM에 대해 이해하려면 DOM부터 알아봐야 하겠다. DOM은 Document Object Model의 약자로, 객체로 표현되는 문서(HTML 등) 구조이다. 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. HTML은 정적이지만 자바스크립트를 이용...