기타
-
npm -g 설치시 경로문제기타 2022. 10. 26. 16:05
아으 npm -g 경로가 이상했나 node 버젼업데이트 한뒤로인지는 모르겠는데 truffle 설치는 했는데 truffle version 이 안되더라고 근데 내가지금 노드 버젼이 16~ 몇인데 설치하고 경로가 node 6 이런경로길래 찾아다가 해서 되긴했느데 이해는 못하고 있어서 나중에 다시 봐야할듯 3번에 그대로 복붙하면 안되고 2번에서 경로 찾아다가 복붙해야댐 For anyone who might come across this issue. Create a .zshrc file under your User directory (the one that will have the Desktop and Document directories in it) Locate your npm bin folder. Under ..
-
[test] window.open test jest, testing-library, 랑 까먹은거기타 2022. 5. 17. 13:42
window.open = jest.fn(); describe('link test', () => { it('move link', () => { const { getByRole } = render( ); userEvent.click(getByRole('button', { name: /click link/i })); expect(window.open).toHaveBeenCalledWith(testUrl); }); }); Object.defineProperty(window.'location ~~ 이거랑 spyOn 개념 까먹었다. jest.spyOn(Object.getPrototypeOf(window.localStorage,'removeItem) 이게 mocking 하는건데 추적하기 용이한 막킹이였나
-
[react-query] fresh 상태와 stale 상태의 차이기타 2022. 5. 12. 17:00
react-query 에서 데이터의 상태에 관하여 이전에 문서에 적혀있는 데이터가 리페칭 되는 경우(refetchOnWindowFocus)를 보자 Stale queries are refetched automatically in the background when: 쿼리 마운트의 새 인스턴스 창이 다시 초점을 맞춥니다. 네트워크가 다시 연결됩니다. The query is optionally configured with a refetch interval.(인터벌 옵션설정시) 위 4가지 경우에 내부적으로 리페치과정이 진행된다. refetchOnWindowFocus 에 의해서 데이터가 리페치되는 경우 이러한 과정은 로딩과정 없이 진행된다. 또한 리페치 에 의한 데이터가 캐시된 데이터가 다르지 않다면 해당 컴포넌..
-
[react-query] 리덕스랑 차이기타 2022. 5. 11. 19:29
리덕스 : 서버상태 > 클라이언트 상태화 > 상태접근 ==> 클라이언트 상태와 서버상태를 혼합해서 사용 react-query : 서버상태 > 캐시 > 사용 , 클라이언트 상태 > 상태접근 ==> 클라이언트 상태와 서버상태를분리 해서 사용할수 있음 서버상태를 클라이언트 상태화 해서 사용하지 않고 캐시한 이후에 캐시데이터를 사용할수 있도록 지원 그리고 주기적으로 서버상태를 동기화를 지원해주는 라이브러리 그러고 보니 예전에 부트캠프 프로젝트할때 상태관리도구 없이 props drilling 형태로 상태관리 하다가 아 이래서 상태관리 도구 사용해야하는거구나 느낀적이 있었는데ㅎㅎ 그때 그냥 드릴링 안하고 요청한번 더 넣으면 되는거 아니야 생각한적 있었는데 react-query 가 약간 그런식 이다 대신에 캐싱을 통..
-
local 환경에서 https 이용하기기타 2022. 4. 11. 16:56
brew install mkcert mkcert -install (mkcert = 로컬환경에서 신뢰가능한 인증서를 만들수 있는 도구 설치하세요) mkcert -key-file key.pem -cert-file cert.pem localhost 127.0.0.1 (mkcert 로 키파일 이름은 key.pem, 인증서 이름은 cert.pem 으로 localhost 랑 127.0.0.1 에서 사용할수 있는 키 생성) 만들어진 .pem 을 cert 폴더 만들어서 그냥 옮겨둠 이거는 편하실 대로 하시면 됨 그다음에 package.json 에가서 "start": "HTTPS=true SSL_CRT_FILE=~/cert/cert.pem SSL_KEY_FILE=~/cert/key.pem react-scripts sta..
-
Warning: No available formula with the name "mkcert".[나중에볼거]기타 2022. 4. 11. 16:01
brew 랑 잘 깔려있는데 왜 brew install mkcert 가 위의 경고가 뜨면서 안됨 brew doctor git -C $(brew --repo homebrew/core) checkout master 이거 하니까 되긴하는데 왜그런지는 모름ㅎ 일단 적어둠 https://stackoverflow.com/questions/41113448/homebrew-error-no-formulae-found-in-taps
-
[Redux] devtool option (blacklist, sanitizer)기타 2022. 3. 15. 13:40
리덕스 데브툴에서 특정액션이나 상태를 변환해서 보여줄수도 있고 보여주지 않도록 설정할수 있다. 로드유무만 확인이후 해당객체를 사용만 하지 새롭게 저장하는 대상이 아닌경우 사용 할수있음 actionSanitizer (function) - function which takes action object and id number as arguments, and should return action object back. See the example bellow. stateSanitizer (function) - function which takes state object and index as arguments, and should return state object back. const actionSaniti..