728x90
반응형
SMALL

프론트엔드/JavaScript 2

[JavaScript] Redux 사용법

Redux란? Redux는 JavaScript 상태 관리 라이브러리라 JavaScript든 React든 잘 어울린다. 초기 설정 JavaScript에서 Redux를 사용하려면 따로 설정할 게 없다. React에서 Redux를 사용하려면 index.js에 App.js를 Provider 컴포넌트로 감싸 앱의 다른 컴포넌트에서 store를 사용할 수 있도록 해야한다. import { Provider } from "react-redux"; import store from "./store"; // state가 저장되어 있는 store 파일 위치 ReactDOM.render( , document.getElementById("root") ); 메소드 useSelector() : state 데이터 읽기 useSelec..

[프론트엔드] 호이스팅(Hoisting) 이란?

호이스팅이란? 호이스팅은 코드를 실행하기 전 변수선언/함수선언을 해당 스코프의 최상단으로 끌어올리는 것이 아닌 끌어올려진 것 같은 현상을 말한다. 잘 이해가 안된다면 다음의 예제를 보자. console.log(a); // undefined var a = "A"; // var 변수 위와 같은 코드를 호이스팅을 한 코드로 보면 아래와 같다. var a; // 초기화 console.log(a); // 호출 a = "A"; // 선언 변수 호이스팅을 알아보기 전, 변수 생성 단계를 알아보자. 변수 생성 단계 변수는 3단계에 걸쳐 생성된다. 1단계: 선언 단계(Declaration phase) 변수를 실행 컨텍스트의 변수 객체에 등록한다. 이 변수 객체는 스코프가 참조하는 대상이 된다. 2단계: 초기화 단계(In..

728x90
반응형
LIST