JS-Study

1. JavaScript에서 변수 선언 방식인 var, let, const 각각의 차이점에 대해 알아보자. 1-1. var (변수 재선언 가능, 변수 재할당 가능 ) 우선, var는 변수의 재선언, 재할당이 모두 가능하다. 그 말인 즉, 유연한 변수 선언이 가능해

1\. setTimeout함수를 바로 실행하지 않고 타이머처럼 일정 시간이 지난 후에 함수를 실행 시킨다.아래는 기본 문법이다.첫번째 인자로 실행할 코드를 받고, 두번째 인자로 지연시간을 밀리초(ms) 단위로 받는다.위에 문법을 이용하여 예제를 작성해봤다.위에 예제를

이번에는 ES6 이후에 새롭게 추가된 for in문과 for of의 차이점에 대해서 간단히 알아보자.for ...in배열에서의 for ...in문은 배열의 index값을 반환한다.하지만 아래와 같이 사용한다면 value값을 반환할 수 있다.그렇다면 객체에서 의 for.

익명함수(Anonymous function)익명함수는 함수명 대신 변수에 함수 코드를 구현하는 방식으로 재사용 하지않는, 한번만 사용할 함수를 위한 것으로, 함수 이름을 갖지 않는다. 아래는 익명함수의 기본 구조이다.익명함수는 메모리 관리에 효과적인 방안이 될 수 있다

map() 함수에 대해 알아보자.map은 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. 아래는 기본 문법이다.아래는 map함수를 이용하여 배열의 각 요소에 2를 더한 새로운 배열을 생성하는 예제이다.정상적으로 2를 더한

스택(STACK)스택(STACK)이란 쌓아 올린다는 의미로, 데이터를 차곡차곡 쌓아 올린 형태의 자료구조 이다.스택(STACK)은 LIFO(Last in First Out) 방식으로 말 그대로 가장 마지막에 삽입된 자료가 가장 먼저 삭제된다고 하여 "후입선출" 구조 라

원시타입데이터 타입이란 데이터의 형태를 의미한다. 데이터 타입은 크게 두가지로 구분할 수 있다.객체와 객체가 아닌것. 그럼 객체가 아닌 것은 무엇일까?숫자문자열불리언(true/false)nullundefined객체가 아닌 데이터 타입을 원시데이터타입 이라고 한다. 아래

Arrow FunctionArrow Function(화살표 함수)은 ES6문법이며 기존의 function 키워드를 사용해서 함수를 만드는것보다 간단히 함수를 표현할 수 있다.쉽게 말해서 function을 지우고 괄호 뒤에 => 를 붙인다고 생각하면 된다. 하지만 함수

디바운싱연이어 발생한 이벤트를 하나의 그룹으로 묶어서 처리하는 방식으로, 주로 그룹에서 처음이나 마지막으로 실행된 함수를 처리하는 방식으로 사용된다.아래는 현실에서의 간단한 예시 이다.손님이 레스토랑에서 콜라따로 스테이크따로 파스타 따로 시키면 직원 3번을 왔다갔다

AJAX AJAX란, JavaScript의 라이브러리중 하나로 비동기식 자바스크립트와 xml 의 약자이며, 서버랑 비동기적으로 JS기술을 이용하여 정보를 주고받는 기술이다. 즉 웹페이지를 새로고침 없이 서버에서 데이터를 받아오고 Dom을 조작하여 페이지를 서버에서 받

클로저 클로저(closure)는 내부함수가 외부함수에 접근할 수 있는 것을 가르킨다. 내부함수 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있다. 아래는 5가 찍힐것이다. 위의 예제에서 함수 outter의 내부에는 함수 inner가 정의 되어 있다. 함수