JavaScript

JavaScrip의 변수 종류인 var, let, const에 알아보도록 하자.var의 변수 선언 방식에 대해 알아보자

var의 특징인 호이스팅(hoisting)과 에 대해 알아보도록 하자.var에서는 변수를 선언하기도 전에 값을 할당할수 있고 출력도 할수있다.

es6에 추가된 화살표 함수(arrow function)에 대해 알아 보도록 하자.화살표 함수는 항상 익명함수이고 함수를 간결하게 만들 수 있다.그리고 따로 return 하지 않아도 값이 return 되고 본문이 한줄 이라면 중괄호({}) 을 생략할 수 있다.하지만 본

es6에 추가된 나머지 매개변수(Rest Parameter)에 대해 알아 보도록 하자.

JavaScript의 setInterval에 대해 알아보도록 하자.

getCurrentPosition은 사용자의 위치(경도, 위도)를 가져오는 JavaScript의 API이다.사용법은 해당 메소드의 첫번쨰 인자로는 사용자의 위치를 가져오는데 성공했을떄 호출될 함수를 두번째 인자로는 에러가 발생할때 호출될 함수를 넣어주면 된다. 이 메소

기본적인 사용법은 위와 같다. 조건문과 선택문 사이에 물음표 ?_ 를 써주고 선택문 사이에는 콜론 :_ 을 써준다. 조건문이 참일 경우 왼쪽에 있는 선택문1의 값을 리턴하고 거짓일 경우 오른쪽에 있는 선택문2의 값을 리턴한다. > if문 사용시 > 삼항 조건

배열의 값에 곱하기 2위 코드는 arr에 1, 2, 3, 4, 5 라는 값을 넣어 배열을 만든 후 map 함수를 통해 arr 배열의 각각 값에 곱하기 2를 한 후 그 값들을 double에 넣어 새로운 배열을 생성한다.map 함수를 사용하면 배열 속 값에 함수를 호출해

filter 함수는 조건에 충족하는 요소만을 새로운 배열에 반환한다. 사용법 배열에서의 사용법 var arr = [1, 2, 3, 4, 5, 6]; var except = arr.filter(num => num%2); console.log(except); //

replit을 풀다가 이 문제를 보고 든 생각은 인자의 개수에 따라 다른 결과값(?)을 주는 방법이 있나? 였다.엄청 어려운 문제로 생각했지만 검색을 해보니 쉬운 문제였어서 소개해보도록 하려고 한다.인자를 세개 받습니다.첫번째 인자는 년도에 해당하는 숫자입니다.두번째

자바스크립트 dom에 대해 공부하다가 아주 유용한 메서드를 발견하였다.그건 바로 toggle 메서드이다. add()와 remove()가 합쳐진(?) 개념의 메서드이다.일단 위 코드는 title이라는 id를 가진 태그가 클릭 되었을 시 clicked이라는 클래스를 해당

나는 댓글 삭제 기능을 구현하기 위해 댓글 컴포넌트의 id 값과 댓글 삭제 버튼의id 값을 같게 부여하고 filter 함수를 통해 해당 댓글 삭제 기능을 구현하려고 했었다....그런데 아무리 코드를 수정하고 다시 짜봐도 기능이 제대로 작동하지 않는것이었다!그러다 구글링

프로젝트 진행 중 map을 돌릴때 각각의 컴포넌트에 map을 돌리는 객체의 값이 아닌 외부의 값을 props로 전달해주고 싶었다.

자바스크립트의 데이터 타입에는 크게 두 가지가 있다.할당이나 연산시 복제됨값이 담긴 주솟값을 복제함불변성을 띔할당이나 연산지 참조됨값이 담긴 주솟값들로 이루어진 묶음을 가리키는 주솟값을 복제함메모리는 매우 많은 비트(0, 1로만 표현할 수 있는 하나의 메모리 조각)들도

# 실행 컨텍스트 실행 컨텍스트(Execution Context)는 **실행할 코드에 제공할 환경 정보**들을 모아놓은 객체이다. ## 스택(Stack)과 큐(Queue) ### 스택(Stack) 스택은 **프링글스**를 생각하면 된다. 데이터를 맨 아래부터 a,

This 상황에 따라 달라지는 this this는 함수를 호출할 때 결정되고 그래서 어떤 방식으로 호출하느냐에 따라 값이 달라진다. 전역 공간에서의 this 전역 공간에서 this는 전역 객체를 가리킨다. 브라우저 환경에서는 전역 객체가 window이고 Node.js

어떤 생성자 함수(Constructor)를 new 연산자와 함께 호출한다.Constructor에서 정의된 내용을 바탕으로 새로운 인스턴스(instance)가 생성된다.이때 instance에는 \_\_proto\_\_ 라는 프로퍼티가 자동으로 부여된다.이 프로퍼티는 Co

콜백 함수는 다른 코드에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수이다.timer 변수에는 setInerval의 ID 값이 담긴다. setINterval에 전달한 첫 번째 인자인 cbFunc 함수(이 함수가 곧 콜백 함수이다)는 0.3초마다 자동으로 실행될 것

클로저(Closure)는 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성이고 어떤 함수 A에서 선언한 변수 a를 참조하는 내부함수 B를 외부로 전달할 경우 A의 실행 컨텍스트가 종료된 이후에도 변수 a가 사라지지 않는 현상을 말한다.6번째 줄에서 inner 함수

# 클래스 자바스크립트는 프로토타입 기반 언어이기 때문에 상속 개념이 존재하지 않았다. 하지만 클래스 기반의 다른 언어에 익숙한 많은 개발자들의 혼란, 클래스와 비슷하게 동작하게끔 흉내 내는 기법이 탄생하는 등 이러한 니즈에 따라 ES6에 클래스 문법이 추가되었다.

ES5까지의 자바스크립트에서는 var를 이용해서 변수를 정의했고 그게 유일한 방방법이었다. ES6에서는 const와 let을 이용하는 새로운 변수 정의 방법이 생겼고 var가 안고 있는 문제들을 해결하였다.var의 경우 정의된 변수가 함수 스코프를 가진다. 스코프(sc

단축 속성명은 객체 리터럴 코드를 간편하게 작성할 목적으로 만들어진 문법이다.객체의 속성값 일부가 이미 변수로 존재하면 간단하게 변수 이름만 적어주면 된다.계산된 속성명은 객체의 속성명을 동적으로 결정하기 위해 나온 문법이다.\[] 안에 변수, 계산식 등을 이용해 속성

비동기 프로그래밍 promise 프로미스를 사용하면 비동기 프로그래밍을 할 때 동기 프로그래밍 방식을 코드를 작성할 수 있다. 콜백 패턴의 문제 ES6에 프로미스가 추가 되기 전에는 콜백(callback) 패턴을 많이 사용했었다. 하지만 콜백 패턴은 콜백이 조금만 중

async await는 promise를 조금 더 쉽고 가독성 좋게 작성하기 위해 ES8에 추가된 기능이다.async를 통해 정의된 함수는 항상 프로미스를 반환하고 따라서 함수 호출 후 then 메서드를 사용할 수 있다.async는 비동기 처리할 함수 앞부분에 await

generator 제너레이터(generator)는 함수의 실행을 중간에 멈추고 재개할 수 있는 기능이다. 실행을 멈출 때 값을 전달할 수 있기 때문에 반복문에서 제너레이터가 전달하는 값을 하나씩 꺼내서 사용할 수 있고 이는 배열이 반복문에서 사용되는 방식과 같다. 값을

리터럴과 변수, 상수, 데어터 타입 리터럴(literal)과 변수(variable), 상수(const), 데어터 타입에 대해 알아 보자. 변수 변수란 간단히 말해 이름이 붙은 값으로, 언제든 바뀔 수 있다. > 변수 currentTempC를 선언(할당) 하고 초기값을

표현식(expression)은 값으로 평가될 수 있는 문이다.두 번째 행에는 두 개의 표현식이 있다. 첫 번째 표현식은 3 \* 5 곱셈 표현식이고 두번째 표현식은 결과 15를 변수 x에 할당하는 표현식이다.표현식이 값이 되는 것이라면 연산자는 값을 만드는 행동이라는

함수는 하나의 단위로 실행되는 문의 집합이다.모든 함수에는 바디가 있고 바디는 함수를 구성하는 문의 모음이다.예제는 함수 선언(function declaration)의 한 예이고 sayHello라는 함수를 선언했다.함수를 선언하기만 해서는 바디가 실행되지 않고 함수를