FrontEnd19 [React] 리액트 훅(hooks) / useRef >> 리액트 훅 useState, useEffect 참고 https://pplucy.tistory.com/90 [React] 리액트 훅(hooks) / useState / useEffect React Hook( 리액트 훅 ) : 리액트 훅이란, 함수형 컴포넌트를 지원하기 위한 기능으로 '기존에 존재하고 있던 어떠한 기능에 갈고리처럼 끼어 들어가 수행되도록 하는 것' 을 뜻한다. 기본적으로 리 pplucy.tistory.com >> 리액트 훅 useMemo, useCallback 참고 https://pplucy.tistory.com/91 [React] 리액트 훅(hooks) / useMemo / useCallback >> 리액트 훅 useState, useEffect 참고 https://pplucy.tis.. 2023. 7. 20. [React] 리액트 훅(hooks) / useMemo / useCallback >> 리액트 훅 useState, useEffect 참고 https://pplucy.tistory.com/90 [React] 리액트 훅(hooks) / useState / useEffect React Hook( 리액트 훅 ) : 리액트 훅이란, 함수형 컴포넌트를 지원하기 위한 기능으로 '기존에 존재하고 있던 어떠한 기능에 갈고리처럼 끼어 들어가 수행되도록 하는 것' 을 뜻한다. 기본적으로 리 pplucy.tistory.com 3) useMemo useMemo 훅은 메모이제이션(memoization) 값을 반환하는 훅으로, 의존성 배열의 상태값이 변경되었을 경우 내부의 함수가 실행되고, 그렇지 않은 경우 기존에 메모이제이션 되었던 값을 반환하는 역할을 한다. 아래의 코드는 useMemo의 기본 사용법이다... 2023. 7. 18. [React] 리액트 훅(hooks) / useState / useEffect React Hook( 리액트 훅 ) : 리액트 훅이란, 함수형 컴포넌트를 지원하기 위한 기능으로 '기존에 존재하고 있던 어떠한 기능에 갈고리처럼 끼어 들어가 수행되도록 하는 것' 을 뜻한다. 기본적으로 리액트 클래스형 컴포넌트에서는 아래와 같이 특정 라이프 사이클을 제어할 수 있는 기능들이 있다. ComponenetDidMount ComponenetWillUnMount, ComponentDidUpdate 하지만 함수형 컴포넌트에서는 라이프 사이클을 제어할 수 있는 기능이 따로 없었다.그렇기 때문에 특정 라이프 사이클에 실행되어야 하는 함수를 개발하는데에 어려움이 있었고, 리액트는 이러한 함수형 컴포넌트의 단점을 보완하기 위해 훅(Hook)을 도입하게 된다. 리액트 훅은 기본적으로 useState, use.. 2023. 7. 18. [Vue.js] Vuex , store로 상태 관리하기( JWT, token 저장 ) 상태관리를 위한 store를 사용하기 위해선 먼저 Vuex를 설치 해야한다. * Vuex 설치 npm install vuex --save npm을 사용해서 vuex를 설치해주면 store.js를 생성해서 상태 관리를 하면 된다. store는 어떤 데이터를 컴포넌트끼리 쉽게 공유하기 위해서 사용하게 되는데, 이런 목적으로 로그인 시 Java web token(jwt)를 store를 통해 관리하게 된다. store에서 사용할 수 있는 기능은 크게 state / getters / mutations / action이 있다. - state(상태) : 관리하고자 하는 상태 - getters : 말 그대로 state값들을 리턴하기 위한 getter 로직 - mutations (변이): state를 변화시키는로직, m.. 2021. 12. 10. 이전 1 2 3 4 5 다음