자바스크립트

자바스크립트의 시작은 1993년으로 거슬러 올라간다.미국 일리노이 대학 연구소의 대학생이었던 마크 앤드리슨은 모자이크(Mosaic) 를 출시하게 된다. 기존의 WWW 브라우저가 텍스트 위주였던 반면, 모자이크는 이미지, UI적 요소가 가미된 최초의 그래픽 웹 브라우저였

html에서 자바스크립트를 포함할 때는 script를 활용한다.사용자가 HTML 파일을 다운로드 받았을 때 브라우저는 이를 분석, parsing 후 CSS와 병합해 DOM 요소로 변환한다.브라우저가 script 문을 만나게 되면 HTML 문을 parsing 하다가 자바

자바스크립트에서 변수를 선언하는 방법에는 크게 2가지가 있다.let 구문은 블록 유효 범위를 갖는 지역 변수를 선언하며, 선언과 동시에 임의의 값으로 초기화할 수도 있다.let은 변수가 선언된 블록, 구문 내에서만 유효하다. 즉, 블록 범위를 무시하는 var 키워드와는

나누기 : /곱하기 : \*나머지 : %|| : or&& : and! : not연산이 오래 걸리는 expression, 함수의 경우 제일 뒤에 배치하는 것이 효율적!== : loose equality피연산자의 자료형이 같지 않은 경우 같아지도록 변환 후 비교피연산자가

primitive : 값 전달objective : 참조 전달mozilla - default parameters값이 없거나 undefined가 전달될 경우 이름붙은 매개변수를 기본값으로 초기화mozilla - rest parameters배열 형태로 전달밖에서는 안이 보이

getter : 프로퍼티를 읽으려고 할 때 실행setter : 프로퍼티에 값을 할당할 때 실행즉, this.age가 getter를 실행하고, = age가 setter를 실행한다.stackoverflow - Why does my javascript getter/sette

object는 key와 value의 집합체이다.항상 string 타입으로 호출, 런타임 시에 동적으로object 안에 key가 있는지 확인자바스크립트 : for in vs for of

push : 맨 끝에 원소 삽입pop : 맨 마지막 원소 리턴unshift : 앞에 원소 삽입shift : 앞에서부터 원소 삭제splice : startnumber부터 deletecount만큼 삭제(deletecount 지정하지 않으면 startnumber부터 전부 삭

JavaScript Obejct NotationJavaScript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 경량 표준 포맷웹 어플리케이션에서 데이터를 전송할 때 주로 사용Object에서 영감을 받아 만들어진 개념으로 key : value 의 형태로 이

자바스크립트는 원래 동기적 언어이다. 즉, hoisting이 이루어진 후 코드가 순서대로 동기적으로 실행된다.그러나 우리는 자바스크립트가 비동기식으로 동작하도록 할 수 있는데, 그 중 한 방법이 콜백이다. 함수를 파라미터로 전달했을 때 특정 시점에 그 함수를 실행시켜

자바스크립트 공부를 하다보니 계속 hoisting이라는 단어가 등장한다.hoisting이 함수, var 변수의 선언을 위로 끌어올리는 역할을 한다는 것은 알았는데 도대체 왜 이런 개념이 존재하는 것일까?브랜든 아이크의 트윗 - hoisting인터넷에 많은 설명이 존재하

promise descriptionmozila - promisePromise는 javascript의 객체 중 하나로, 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타낸다. 비동기 작업시 콜백 대신 사용이 가능하며, pending, fulfilled,

mozilla - asyncasync function 선언은 하나의 비동기 함수를 정의한다.Promise 키워드를 사용하지 않아도 자동으로 Promise를 return한다.async의 결과로 promise returnasync가 붙은 함수에서만 쓸 수 있다.async

자바스크립트 코드를 작성할 때 EventListner를 사용해 코드를 작성하는 경우가 자주 있는데, 검색이나 스크롤의 경우 그 요청의 수가 엄청나게 늘어나는 경우가 자주 있다.이런 경우에 적용할 수 있는 기법이 바로 Debouncing과 Throttling이다.개념 설

MDN mozilla - Object.entries()Object.entries()는 주어진 객체 자체의 enumerable 속성 쌍의 배열을 반환한다.객체를 배열로 만들고 정렬 후 원하는 값 찾아낼 수 있다.

Javascript Weekly를 받아보고는 있었는데 이 공부 저 공부 한다고 소홀히 하다가 최근 흥미로운 글들이 많이 보여 공부 겸 번역해보기로 하였다. 원문 링크 : 'export default thing' is different to 'export { thing

TDD와 Jest 알아보기 (feat.우테코 6기)