npm에서 권한 이슈 발생시!sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

당신이 만약 이미지를 업로드 하기전 inputtype=file을 통하여 preview 이미지를 만들고 싶다면.URL의 메소드인 createObjectURL를 사용하면 된다.예제 코드는 다음과 같다.위의 예제 코드를 작성해 보면 자연스럽게 리액트이던 다른 라이브러리를 사

테스팅을 하는 이유? 간단하게 더 안정적인 어플리케이션을 위해서는 여러 방법으로 테스트를 해줘야 안정적인 어플리 케이션이 될 수 있기 때문에 테스팅으로 얻는 이점은? 디버깅 시간을 단축! 더욱 안정적인 어플리케이션 재설계 시간 단축 등... React Testing

코드를 실행하는 데에 필요한 배경이되는 조건/환경동일한 조건/환경을 지니는 코드뭉치전역공간 (거대한 함수 공간)함수eval modulecontext? 코드의 배경이 되는 조건, 환경environmentRecord현재 문맥의 실별자 정보 수집 (호이스팅)현재 컨텍스트에서

상태관리 라이브러리 중 하나로, 단 방향 데이터 흐름flux을 제공한다.여러 컴포넌트에서 상태를 공유 하고자 하기 때문!각 컴포넌트에 종속되어 있는 State는 굳이 리덕스 스토어로 관리할 이유는 없습니다!!dispatch(action) => middleware =>

Shell Commands man(Manual) : 커맨드에 대한 설명을 알려줌 man clear.. clear : 터미널을 깨끗 하게 지워줌 clear pwd : 작업하고 있는 경로를 파악 할 수 있어요 ls : 현재 경로에 파일과 폴더를 확인할 수 있어요. ope

함수선언함수 선언은 function 키워드 뒤로 함수의 이름을 적어서 사용코드를 실핼할 때 함수를 포함하는 스코프 최상단으로 끌어 올려짐 함수 표현식함수 표현식은 function 키워드 뒤로 이름을 적지 않고 사용. 이름이 없기 때문에 익명 함수라고 부름.변수를 통해서

javascript 프로토 타입으로 객체를 만드는 방식을 조금 더 쉽게 할 수 있도록 도와 주는 역할을 합니다. 동작 원리는 동일자바스크립트의 타입 생성 방법을 다른 언어와 비슷하도록 보시 쉽게 개선한 것인 바로 자바스크립트 클래스 입니다.extends 연산자를 통행

call이나 apply를 이용하여 인스턴스를 인수로 전달하고 프로퍼티를 상속받는 방법을 생성자 훔치기 라고한다.Object.create()메소드를 통해 인스턴스의 \[Prototype] 대상을 지정 할 수 있습니다.자바스크립트에서는 상속받는 타입을 하위 타입(subty

자바스크립트에서는 생성저의 prototype프로퍼티를 통해 타입의 특징을 정의합니다.contructor 메소드는 Object타입의 프로퍼티 이며 prototype에 의해 정의 되었습니다. Object.prototype.constructor같도록 수정해보자proto =

new 연산자가 붙은 함수를 의미하며 인스턴스를 만들 수 있습니다.new Object();new Array();etc..생성자의 중요한 기능은 바로 동일한 프로퍼티, 메서드를 가진 객체를 쉽게 만들어 낼 수 있다.new 연산자가 붙으면 함수의 this는 인스턴스를 참조

클로저 - 중단하다, 폐쇄하다 > 자바스크립트에서는 함수 스코프가 있고, 함수 내부에서 정의된 변수하면 함수의 어느 부분에서든 접근할 수 있다 이 말은 즉, 내부 함수에서 자신을 포함하는 외부 함수의 스코프에 접근할 수 있다

유효범위, 변수의 접근성과 생존 기간을 제어합니다.스코프는 이름이 충돌하는 문제를 덜어주고, 자동으로 메모리를 관리합니다.전역 스코프함수 스코프블록 스코프(es6)스크립트의 어디서든 접근이 가능하기 때문에 사용이 쉽습니다.타인과 협업, 라이브러리 사용시 충돌이 가능성이

- this는 함수를 호출하는 객체를 의미합니다. - call과 apply는 this에 할당되는 객체를 지정할 수 있습니다. - bind는 this에 할당되는 객체를 고정! 시키는 새로운 함수를 생성 - 화살표 함수에서 this는 상위 스코프의 객체를 할당 받습니다.

있는 그대로 저장되는 데이터를 표현합니다.불리언: true, flase숫자: 1, 2, 3 ...문자열: "Hello JS"nullundefined원시값을 변수에 할당하면 값이 복사되어 들어갑니다. 즉, 원시값이 하당된 변수들을 모두 자기 자신만의 고유한 값을 가지게

1\. Web APIs2\. Async/Await3\. Callbacks4\. Microtask Queue (Job Queue)5\. Task Queue (Callback Queue)6\. Promises7\. Event loopA promise is an object

하나의 큰 자바스크립트 파일을 이용할 필요 없이 역할과 의미에 맞게 코드를 나누어 불러오고 내보내면서 조금 더 효율적으로 코드를 관리할 수 있다.그러나 브라우저는 인식 하지 못한다. browserify 사용가능.browserify app.js > bundle.js

컴퓨터가 자바스크립트 코드를 어떻게 이해할 수 있을까요?컴퓨터는 자바스크립트를 이해할 수 없어요. 그렇기 때문에 자바스크립트 엔진이 자바스크립트 코드를 컴퓨터가 이해 할 수 있는 0 or 1 로 변경을 해주는 역할을 해요. 자바스크립트 엔진은 엄청 많아요구글인 자신의

🔱 파이어 베이스를 사용하여 프로젝트 배포해보기 리액트 프로젝트를 파이어 베이스 호스팅을 이용해서 배포를 진행해보고 깃 허브와 연동하여 push하자 마자 배포가 될 수 있도록 해보는 시간⏱ 파이어 베이스 호스팅 사용하기. 파이어 베이스 홈 페이지로 접속 후 구글 아

웹 성능 최적화 가이드 1 ) 웹 성능 결정 요소 1. 로딩 성능 🔱 리소스를 불러오는 성능(HTML, CSS, JS) 이미지 사이즈 최적화 화면에 실제로 사용할 이미지 2배 사이즈를 사용하기. 실제 이미지를 줄일 수 없다면 이미지 CDN을 사용하기. >