반응형

react 2

React-Query란?

React Query란? React Application에서 서버의 상태를 불러오고, 캐싱, 동기화, 업데이트 하는 작업을 도와주는 라이브러리 Hook을 사용하여 React Component 내부에서 서버, 비동기적인 요청이 필요한 Source 데이터를 사용할 수 있는 방법을 제안 React Query를 사용하는 이유 1. 기존의 상태관리 라이브러리는 비동기, 서버 상태 작업에 부적합 -> 서버 상태*가 다르기 때문 2. 잠재적으로 대역폭을 절약하고 메모리 성능을 높이는데 도움 3. 간단한 로직으로 복잡한 코드 대체 가능 다음 블로그를 참고하여 작성한 글입니다! https://kyounghwan01.github.io/blog/React/react-query/basic/#usequeries react-qu..

React에서 환경변수 사용하기

네이버 로그인 중 직면한 문제 졸업 작품을 만들며 네이버 로그인을 구현하고 있는데 clientId를 그냥 변수로 노출시켜도 되나?? git에 올릴 예정인데 온라인 상에 노출시켜도 괜찮나? 라는 생각이 들어 React에서 환경변수 사용 방법을 알아보았다. React에서 환경변수 사용하기 1. 자바스크립트 이용하기 src 폴더 아래에 임의의 js 파일을 생성한다. ex. src/variables.js // varibales.js export const CALLBACK_URL ='localhost:3000'; export const CLIENT_ID = 'Ocotopus'; 컴포넌트에서 환경변수 불러와 사용하기 //Login.js import * as vars from './variables' const Lo..

반응형