JSX란 JavaScript를 확장한 문법이다. 이는 JavaScript의 모든 기능이 포함되어있다.근본적으로 JSX는 React.createElement(component, props, ...children) 함수에 대한 문법적 설탕을 제공할 뿐이다.js 관련 문서를

이벤트란 프로그래밍하고 있는 시스템에서 일어나는 사건 혹은 발생으로 개발자가 원한다면 어떠한 방식으로 응답할 수 있도록 시스템이 말해주는 것. 인라인 이벤트 핸들러 보통 ``태그 안에서 정의된 함수를 호출하지만 어트리뷰트 안에 직접 JavaScript를 삽입할 수도

Google은 웹 크롤러를 사용하는 완전히 자동화된 검색엔진이다. Google 검색 결과에 게재되는 사이트 대부분은 수동으로 등록된 것이 아닌, 크롤링을 통해 자동으로 발견되고 추가한 것이다. 따라서 Google에서는 Google 친화적인 웹사이트를 구축하는 데 유용한

useMemo > ### Memoization 비용이 많이 드는 함수 호출의 결과를 저장하고, 동일한 입력이 다시 발생했을 때 캐시된 결과를 반환하여 컴퓨터 프로그램의 속도를 높여주는 최적화 기법이다. 일반적으로 React의 컴포넌트 함수는 렌더링이 일어날 때마다

아파치는 WWW 서버용 소프트웨어로 HTTP 아파치 서버라고도 불리고, HTTP 웹 서버이다. 리눅스나 윈도우 등 거의 모든 운영체제에서 사용할 수 있으며 구축이 쉽고, 다양한 추가기능을 가지고 있기 때문에 가장 인기있고 많이 사용되는 웹서버 중 하나이다.아파치 재단에

CSS 우선순위

함수와 함수가 선언된 어휘적 환경의 조합.

콜백함수 콜백함수: 다른 코드의 인자로 넘겨주는 함수. 콜백함수를 넘겨받은 코드는 이 콜백함수를 필요에 따라 적적한 시점에 실행할 것 제어권 호출시점 콜백함수의 제어권을 넘겨받은 코드는 콜백함수 호출시점에 대한 제어권을 가진다. 인자 ex) map( callback함

함수와 객체(메서드)의 구분이 느슨한 자바스크립트에서 this는 실질적으로 이 둘을 구분하는 거의 유일한 기능이다. 상황별로 this가 어떻게 달라지는지, 왜 그렇게 되는지, 예상과 다른 대상을 바라볼 때 추적하는 방법 알아보자 this JS에서 this는 기본적으

Promise란? Promise는 어떤 작업의 중간상태를 나타내는 오브젝트(미래에 어떤 종류의 결과가 반환됨을 약속) Promise는 작업이 완료되어 결과를 반환해주는 정확한 시간을 보장해주지는 않지만, 사용할 수 있는 결과를 반환했을 때 프로그래머의 의도대로 다음

실행 컨텍스트 실행 컨텍스트: 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성, 이를 콜스택에 쌓아 올렸다가 가장 위에 쌓여있는 컨텍스트와 관련있는 코드들을 실행하는 식으로 전체

디바운싱과 스로틀 모두 DOM이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 이벤트를 제어하는 방법이다. ex) 스크롤 이벤트 => 매번 스크롤을 움직일때마다 이벤트가 발생하고 이벤트에 대한 콜백이 발생하며 이를 모두 실행하면 성능이 저하될 것이다. 트위터 웹

숫자형문자열booleannullundefinedSymbol (ES6 추가)기본형은 할당이나 연산 시 주소값 복제불변성객체배열함수날짜정규 표현식MapSet참조형은 할당이나 연산시 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값 복제참고C/C++, 자바 등의 정적 타

콜백함수는 다른 함수에 매개변수로 넘겨준 함수이다. 매개변수로 넘겨받은 함수는 일단 넘겨받고, 떄가 되면 나중에 call back 한다.쉽게 말해 다른 함수가 실행을 끝낸 뒤 실행되는 함수이다. 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타낸다.pr

대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정된다. 실행 중에는 할당으로 설정할 수 없고 함수를 호출할 때마다 다를 수 있다. 엄격모드가 아닌 기본값인 느슨한 모드를 기준으로 설명하겠다. 전역 실행 맥락에서 this는 엄격 모드 여부에 관계없이 전역 객

DOM(Document Object Model) XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. HTML을 직접 수정하거나 추가, 제거 할 수 있다. DOM Tr

at() 정수 값을 받아 배열에서 해당 값에 해당하는 인덱스 요소 반환(음수의 경우 뒤에서 부터 세줌) concat() 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환 (기존 배열 변경x , 추가된 새로운 배열을 반환) copyWithin() 배열

HTTP 쿠키란? HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각이다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재요청 시 저장된 데이터를 함께 전송한다. 쿠키는 두 요청이 동일한 브라우저에서

자바스크립트는 Single Thread 언어이다. $\rightarrow$ 콜스택이 하나만 존재한다. $\rightarrow$ 한번에 하나의 일만 처리 비동기? 하지만 분명히 자바스크립트로 이뤄진 웹은 동시에 일을 처리하는 것으로 보인다. $\rightarrow$

호이스팅이란? 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것 자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수 값들을 모두 모아서 유효 범위의 최상단에 선언한다. 유효범위: 함수 블록 { } 안에서 유효 즉 함수 내에서