JSX

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

2022년 6월 2일
·
0개의 댓글
post-thumbnail

이벤트

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

2022년 6월 1일
·
0개의 댓글

검색 엔진 최적화(SEO)

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

2022년 6월 1일
·
0개의 댓글

useMemo, useRef, useCallback

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

2022년 5월 31일
·
0개의 댓글

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

2022년 5월 29일
·
0개의 댓글

CSS 우선순위

CSS 우선순위

2022년 5월 29일
·
0개의 댓글

클로저

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

2022년 5월 10일
·
0개의 댓글

콜백함수

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

2022년 5월 3일
·
0개의 댓글

this

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

2022년 4월 25일
·
0개의 댓글

async & await

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

2022년 4월 24일
·
0개의 댓글

실행 컨텍스트

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

2022년 4월 22일
·
0개의 댓글

디바운스 & 스로틀

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

2022년 4월 11일
·
0개의 댓글

데이터 타입

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

2022년 4월 10일
·
0개의 댓글

Promise

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

2022년 4월 6일
·
0개의 댓글

this

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

2022년 3월 31일
·
0개의 댓글

DOM

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

2022년 3월 31일
·
0개의 댓글

JavaScript 배열 관련 함수 총정리

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

2022년 3월 28일
·
0개의 댓글

HTTP 쿠키 🍪

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

2022년 3월 23일
·
0개의 댓글

이벤트 루프 (Event Loop)

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

2022년 3월 23일
·
0개의 댓글

호이스팅

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

2022년 3월 22일
·
0개의 댓글