L'etude36 Dispatch, useSelector(), fragment Dispatch : state 를 변화시키는 방법. 스토어의 reducing function은 최신 getState() 결과를 호출하고 호출 시 발생하는 action을 가져다준다. 이것의 결과값은 다음 state에 영향을 준다. useSelector() : 리덕스 스토어 상태에서 데이터를 추출할 때 사용하는 function. const result:any = useSelector ( selector:function, equalityFn?:function ) fragment : React의 일반적인 패턴은 컴포넌트가 여러개의 요소를 반환하는 것이다. fragments를 사용하면 DOM에 별도 노드를 추가하지 않고 자식 목록을 그룹화할 수 있다. 위는 fragment를 선언하기 위해 사용할 수 있는 짧은 구.. 2021. 7. 14. Redux, Redux Toolkit, Reducers, actions Redux : 리덕스는 자바스크립트 어플리케이션을 위한 예측가능한 상태 컨테이너이다. 클라이언트, 서버 및 기본 환경에서 실행되며 테스트하기 쉬운 어플리케이션을 작성하는데 도움이 된다. 리액트 혹은 다른 뷰 라이브러리(?) 함께 사용할 수 있다. Redux Toolkit : 리덕스 툴킷 패키지는 리덕스 로직을 쓰기 위한 공식 방식이다. 만들어진 이유? 1. 리덕스 스토어가 너무 복잡해서 2. 뭔가 유용한 것을 할 때(?) 리덕스에서 너무 많은 패키지들을 가져와야하기 때문에 3. 리덕스에 너무 많은 공통 코드가 있어서 Reducers : 현재 state와 action을 인수(arguments)로 받아 새로운 state를 리턴한다. (state, action) => newState actions : type.. 2021. 7. 13. npm ? npm ? : npm은 software registry로써 Node Package Manager를 의미한다. npm은 자바스크립트 런타임 환경인 Node.js의 기본 패키지 관리자 역할을 한다. npm을 통해 package 또는 module이라고 불리는 자바스크립트 소프트웨어를 자신의 프로젝트에 설치할 수 있다. npm 구성 : website / Command Line Interface(CLI) / registry npm install 혹은 npm i : package.json에 있는 패키지들을 전부 설치 처음에는 npm i해서 전부 다 설치해 주면 되고 그 후에 어떤 라이브러리를 사용하기 위해서 추가하려면 npm intall 패키지명 이런식으로 추가하면 된다. 2021. 4. 21. react .tsx와 .ts 확장자 차이? : .ts는 순수한 typescript로 반응 구성 요소이며 .tsx는 jsx가 포함된 파일로 도우미 함수를 포함한다. 2021. 4. 21. 이전 1 ··· 6 7 8 9 다음