Uncaught ReferenceError: regeneratorRuntime is not defined

parcel-bundler 사용하는 도중 특정 code 에서 async, await 구문을 사용하자 Uncaught ReferenceError: regeneratorRuntime is not defined 오류가 발생함 .babelrc 에 아래처럼 추가해주면 됨

5일 전
·
0개의 댓글

prettier 전역에서 안될때..

prettier 가 기본 Formatter 로 설정이 안된 경우 때문에 안될 수 있다. vscode 코드가 위치하는 작업창에서 마우스 우측 클릭 해서 format document with 클릭해서 prettier 를 default Formatter 로 설정하면 된다..

2020년 10월 11일
·
0개의 댓글

forEach VS map

forEach원본배열의 전체 요소에 대해서 특정함수를 실행한다. map 원본배열의 전체요소에 대해서 특정함수를 실행한 새로운 배열을 리턴한다.

2020년 10월 6일
·
0개의 댓글

람다함수

이름이 없는 함수사용하는 이유 굳이 함수를 선언하고 싶지 않을 때 재사용하지 않는 함수를 만들고자 할때

2020년 10월 6일
·
0개의 댓글

react lifecycle

정의 컴포넌트가 생성되고 소멸될때 까지의 일련의 과정 lifecycle event 생명주기 특정시점에 자동으로 실행되는 메서드 1. mount constructor = 컴포넌트가 생성될 때 가장먼저, 딱 한번 호출되는 클래스 생성자 메서드 getDerivedStateFromProps = props 에 있는 데이터를 state 로 넣을 때 사용...

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

splice VS slice

기존 배열의 요소를 삭제, 수정하거나 새로운 요소를 기존배열에 삽입한다. mutable 로 기존 배열이 수정된다. array.splice('수정하고자 하는 index','삭제하고자 하는 요소 갯수',대체할 데이터 )기존배열의 특정구간의 복사본 배열을 리턴한다. arra

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

promise

정의 = 비동기 작업의 최종성공 또는 실패결과를 나타내는 객체 사용이유 비동기 작업을 동기적으로 처리하고자 할때 콜백함수를 사용하지 않기 위해서 cf> 콜백함수를 사용하지 않는 이유 콜백함수가 많아지면 가독성이 떨어지기 때문 사용방법 상태 pending : 비동기 처리 로직이 완료되지 않은 상태 fulfilled : 비동기 처리가 완료되어 프...

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

String does not match the pattern of "^(?:@[a-z0-9-*~][a-z0-9-*._~]*/)?[a-z0-9-~][a-z0-9-._~]*$".

대문자로 되어있는것을 소문자로 바꾸면 된다.

2020년 10월 2일
·
0개의 댓글

Map

Map 키-value 형태의 데이터를 저장한 순서대로 모아놓은 자료구조

2020년 10월 2일
·
0개의 댓글

undefined vs null

undefined= 변수를 선언하고 값을 할당하지 않음 null = 변수를 선언하고 빈값(null) 을 할당함 = 변수타입은 객체가 됨 undefined => 투명색 , 색이 없음 null => 흰색 , 색을 할당하긴 했는데 빈색깔임

2020년 10월 1일
·
0개의 댓글

mutable VS immutable

mutable = 변하기 쉬운 JS 정의 변화할 수 있는 변수cf> mutable Object= 기존 메모리 주소를 유지하면서 값을 변화시킬 수 있는 객체 ex> JS 객체, JS 배열 ex> 배열 메서드 push,pop,splice => 기존 메모리 주소에 있는 배열

2020년 10월 1일
·
0개의 댓글

shallow copy vs deep copy

shallow copy객체의 주소를 복사 deep copy객체의 키,value 를 복사 리액트에서 상태 변화시킬때 자주 사용함

2020년 10월 1일
·
0개의 댓글

Set

집합사전적정의 = 유일하게 구분되는 원소들의 모임 IT 정의 = 중복되지 않고 정렬되지 않은 데이터들의 모임 사용이유= 유사한 자료들을 중복없이 쉽게 관리하려고 사용방법

2020년 10월 1일
·
0개의 댓글

call,apply,bind

1> call전달인자로 this 와 다른 인수들을 넘긴 함수를 호출 한다. func.call(thisArg\[, arg1\[, arg2, ...]])2> apply func.apply(thisArg, argsArray)call 과 기능은 유사하나 this 이외에 전달인

2020년 9월 30일
·
0개의 댓글

CORS

정의 > 서로다른 origin 간에 resource 를 공유하는 것 ex> 한페이지 에서 다음지도와 유투브 동영상 을 실행할 때 사용 Cross-Origin Resource Sharingcross: 교차하다 교배하다, 잡종이 되다,Origin : 원천, 본원, 발단 r

2020년 9월 30일
·
0개의 댓글

Http

HyperText Transfer Protocol정의 > Hyper text 를 옮길 때의 protocol => 서버와 클라이언트가 데이터를 주고받을 때의 규칙 Hyper 높은 자 라는 히페리온에서 나온 접두어 cf > hyper, super, ultra Hyper

2020년 9월 30일
·
0개의 댓글

react 에서 document.querySelector() 를 사용하면 안되는 이유

참고전역 셀렉터는 코드를 쓴 컴포넌트에서만 검색하는것이 아니라 전체 document 에 대해서 검색한다. 즉 내가 원하는 특정 dom 뿐만 아니라 다른 컴포넌트에 있는 dom 에 접근할 수 있다. ex> map을 사용하여 같은 컴포넌트인스턴스를 여러개 생성했다고 치자

2020년 9월 29일
·
0개의 댓글

Difference between “==” and “===” ?

1> == 모양만 같은지 검사2> ===자료형까지 검사

2020년 9월 28일
·
0개의 댓글

this

this in javascriptthis keyword refers to an object, that object which is executing the current bit of javascript code.= this 는 현재 자바스크립트 코드의 bit 를 실행하

2020년 9월 28일
·
0개의 댓글