javascript

# reduce란? javscript를 사용하고 또 리액트를 사용하면서, 평소에도 중요하다 생각했지만 실제로 프로젝트를 진행해보니까 다시한번 중요하다 생각이든 메소드에 대해 정리를 해보려고 한다. 오늘은 그 중에 reduce에 대해 정리해보려고 한다. 먼저 redu

이 글을 읽으려면 비동기 처리 및 콜백 함수와 Promise에 대해 이해하여야한다. 이 부분은 나중에 정리하기로 하자.async와 await은 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이다.기존의 비동기처리 방식인 콜백함수와 Promise의 단점을 보완

크롬이나 익스폴로러와 같은 브러우저들은 기본적으로 개발자도구라는 툴을 제공해준다.이러한 툴들은 브라우저마다 차이가 있지만 대부분 하는 일은 비슷하다.개발자도구를 사용하는 이유는 HTML,CSS,Javascipt와 같은 언어들은 서버로부터 컴파일이 되어져서 실행되는것이

자바스크립트에서 가장 중요한것을 두 개 뽑으라고 하면 if문,for문을 들 수 있다.그만큼 중요하고 많이 쓰이는 문법이다.만약 for문이 없다면 어떨까? 예를 한번 들어보자.위 예제와 보이는 거처럼 if문을 여러번 사용하여 저렇게 반복해야 한다.예제에서는 몇개 안되서

map은 콜백 함수를 실행시켜 새로운 배열을 만들때 사용된다. (예제) (구문) >array.map(callbackFunction(currentValue, index, array), thisArg) 구문을 살펴보자. 'map' 메소드 안에 'callbackFun

filter는 콜백 함수의 조건에 해당하는 모든 요소가 있는 배열을 새로 생성한다. (구문) >arr.filter(callbackFunction(element, index, array), thisArg); 구문을 살펴보자 'filter' 메소드 안에 'callba

Javascript에서 var,let,const의 차이점에 대해 알아보자.ES6의 도입전 ES5시절까지만 하더라고 변수 선언을 할때 var를 사용했다.하지만 var는 치명적인 단점을 가지고 있다.같은 이름의 변수를 한번 더 선언 했음에도 불구하고,에러가 나오지 않고 정

javascript 에서 함수를 선언하는 방법은 3가지가 존재한다.1.함수 선언문(function statement)2.함수 표현식(function expression)3.생성자(function)함수 선언문은 호이스팅에 영향을 받지만, 함수 표현문은 호이스팅에 영향을

연산자란 무엇인가? 들어가기 앞서 용어 정리를 간단하게 짚고 넘어 가야될거 같다.피연산자: 3+5라는 수식이 있다. 이때 3+5는 피연산자 연산을 당하는 것. 숫자와 문자열 또는 객체가 될 수도 있다.연산자: '+'는 연산자라고 부른다. 어떠한 피연산자를

설명에 들어가기 앞서 이야기했던 용어를 정리하고 들어가겠습니다.연산자란 무엇인가? 들어가기 앞서 용어 정리를 간단하게 짚고 넘어 가야될거 같다.피연산자: 3+5라는 수식이 있다. 이때 3+5는 피연산자 즉,연산을 당하는 것. 숫자와 문자열 또는 객체가 될

대입 연산자는 등호(=)를 이용하여, 우변에 있는 피연산자끼리 연산자로 계산한 값을 좌변에 대입하는 연사자를 말한다.예를 들어, c=a+b라는 수식이 있다면, a와 b를 더한 값을 대입 연산자(=) 를 이용하여 c에 대입하는 것이다.대입 연산자는 변수에 값을 대입할

앞에서 이야기 했던 증감 연산자에 대해 알아보았고, 나를 포함한 다른 사람들이 헷갈려 하는 부분이 많아 javascript의 수학적 표현에 대해 알아보려고 한다.let num= 1;num++;console.log(num); // 2위에 예제에서 보았든 증감 연산자에 의

javascript에서 기본적인 string에 대해 알아보자 String이란 무엇인가? string 이란 다른 말로 문자열 이라고 표현되며, 컴퓨터 프로그래밍 형식 언어 이론에서 기호의 순차 수열이라고 불리우며, 그리고 문자열 이 소스코드에 보이면 그 문자열을 s

javascript sring 부분에서 자주 쓰이는 메소드 몇가지를 정리하고자 한다.구문string.startsWith( searchString, length )searchString : 검색할 문자열(필수요소), 대소문자를 구분한다.length : 문자열 중 어디까지

Javascript는 객체기반의 스크립트 언어이고,Jvascript를 이루는 거의 모든것은 '객체'이다.객체는 여러가지 속성을 하나의 변수로 저장 할수 있도록 하는 데이터 타입이고 key,value 값을 저장 할 수 있다.<예시1>이름 : john나이 : 29ke

class는 객체를 생성하기 위한 템플릿이다. class는 데이터와 이를 조작하는 코드를 추상화한다.ES6에서 class라는 문법이 추가 되었고, 원래 prototype을 이용하여 만들어졌지만 기존의 기반으로 클래스를 만드는것보다 명료하게 클래스를 만들수 있게 되었다.

정말 어려운 내용이다. 아주 거물급 내용이자 javascript의 객체지향을 지탱하고 있는 핵심적인 개념이고, javasript를 일반적인 객체지향 언어와 구분하는 중요한 개념이다. 일단 들어가기 앞서 몇가지 설명하고 들어가겠다. prototype이라는것은 원형이라

한쪽에서 보이는 취조실 유리, 스코프의 접근과 비슷하다

1. DOM이란? DOM(Document Object Model)이라고 불리우며 개요로하자면, Javascript를 이용해서 웹브라우저의 표시되는 문서를 동적, 프로그래밍적으로 제어할 수 있도록 해주는 인터페이스이다. DOM은 여러가지 의미를 가지고 있다. 텍스트