뇌 채우기 공간

개발자가 리눅스나 mac을 사용하는 이유 1. 윈도우 컴퓨터를 맥처럼 사용할라다가 나온 에러 노드 설치, nvm오류 https://www.phpinfo.kr/entry/WSL2를-사용하여-Nodejs-개발-환경-설치 https://velog.io/@palette/zsh-command-not-found-nvm-오류해결법 zsh: command not found: nvm 오류해결법 맥에서 nvm 설치할 때 발생하는 오류 해결하기 velog.io 2. Warning: Functions are not valid as a React child. 내가 이 에러가 나온 이유는 라우터에서 element에 컴포넌트 태그로 넣지 않고 그냥 이름만 넣어서 생긴 에러 import { Route, Routes } from 'r..

1. react-query https://yrnana.dev/post/2021-08-21-react-query-redux react-query가 redux같은 전역 상태관리 라이브러리를 대체할 수 있을까 `react-query`는 전역 상태관리 라이브러리가 아니라 서버와 클라이언트 간의 비동기 작업을 쉽게 해주는 라이브러리다. yrnana.dev https://www.zigae.com/react-query-key/ React Query Key 관리 queryKey는 React Query에서 중요한 개념이다. 내부적으로 데이터를 캐시하고 쿼리에 대한 종속성이 변경될 때 자동으로 다시 가져올 수 있게 한다. www.zigae.com 2. react-query useInfiniteQuery https://sh..

1. http.interceptors.request.use 라는 코드를 알게 되었다. https://velog.io/@skyepodium/axios-인터셉터로-API-관리하기 https://third9.github.io/posts/Axios다양하게_활용하기-interceptor/ https://hydev.tistory.com/3 https://velog.io/@subanggu/axios-interceptor-적용하기 axios interceptor 적용하기 interceptor를 왜 적용했냐? 답은 바로 귀찮아서!!!!!!!!!!!!!!! 게다가 연구 초창기에 테스트를 위해서 주먹구구 사용하던 코드로 계속 개발을 진행하다 보니 아래와 같은 문제점이 있었음! 1) api 호출 velog.io 2. next..

1. react with typescript 2021.12.10 - [WEB/REACT] - [REACT] react with typescript/ 리액트를 타입스크립트로 작성하기1탄 - 설치, 컴포넌트 props타입 지정 [REACT] react with typescript/ 리액트를 타입스크립트로 작성하기1탄 - 설치, 컴포넌트 props타입 지정 이제는 타입 스크립트가 대세! 타입스크립트를 사용하면 타입 추론을 개발할 때 오류를 줄여주고 코드를 작성하기 쉽게 도와준다. 전에는 리액트를 js로 작성했지만 이제는 타입스크립트로 하 sso-feeling.tistory.com 2021.12.10 - [WEB/REACT] - [REACT] react with typescript/ 리액트를 타입스크립트로 작성..

1. react-query https://blog.rhostem.com/posts/2021-02-01T00:00:00.000Z blog.rhostem.com 프론트엔드 웹 개발 기술 블로그 blog.rhostem.com https://shindongri.dev/blog/react-query-14/ React Query：Mutations 쿼리와 달리 뮤테이션은 데이터 CUD 에 사용된다. 이 목적으로 리액트 쿼리는 useMutation 훅을 제공한다. function App() { const mutation = useMutation(newTodo => axios.post('/todos', newTodo)) return ( {mutation.isLoading ? ( shindongri.dev https://..