전체 글

문제점 header의 설정값 (global한 값)을 바꾼 뒤 다른 페이지로 이동하면 바꾼 값이 적용되지 않는 현상이 발생했다 원인 header의 설정값은 apollo useQuery를 이용해 불러오고 있었는데, refetch로 변경한 뒤 다시 불러올 때는 예전 캐시 값을 읽어와서 값이 변경되지 않았다. 배경 header에서 사용하고 있던 api 쿼리문은 variable을 전달하지 않으면 가장 마지막에 읽었던 값을, variable을 주면 해당 값을 반환하는 api였다. () => 마지막에 읽었던 값 (variable) => variable에 대응되는 값 이런 상황에서 사용자가 값을 변경하면 두 번째 방법으로 호출하고, 초기에 fetch할 때는 첫 번째 방법으로 호출하여 마지막에 읽었던 값이 반환되기를 기..

React는 svg 파일을 사용할 수 있다. 다른 이미지들처럼

#꿀팁 git checkout - 위 명령을 사용하면 이전에 작업한(checkout한) 브랜치로 돌아갈 수 있다 더이상 작업하던 feature 브랜치의 이름을 외우지 않아도 된다! 출처

문제 상황 apollo-cli로 graphQL 스키마를 이용해 typescript type을 생성한다. 생성한 타입 정의를 이용하기 위해 프로젝트 폴더/generated/globalTypes.ts 를 소스 파일에서 import 하고 yarn start로 시작하면 You attempted to import ../../../__generated__/globalTypes which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. 와 같은 컴파일 에러가 발생한다 배경 create-react-app으로 생성된 리액트 프로젝트는 src/ 하위에 있는 module만 import할 수 있도록 제..

문제점 임시회원이 회원가입을 하는 요청을 전송할 때 기존 임시회원 id를 보내지 않는 문제가 발생했다 배경 회원가입 페이지의 useEffect에서 auth0 인증의 callback을 탐지해 회원 정보를 생성하는 요청을 보낸다. 그러나 인증정보 컴포넌트의 useEffect가 먼저 실행되어 임시회원의 인증정보를 지운다. 따라서 회원가입 요청을 보내는 시점에서는 임시회원의 id가 이미 지워져 있었다. 기존에는 이를 해결하기 위해 backup을 사용했으나, 백업 시점이 임시회원 id가 이미 지워진 후라 정상 작동하지 않았다. 해결법 그러나 인증정보 삭제 이전에 백업 코드를 넣기보다는, 임시회원 인증정보가 지워지는 시점을 회원가입 요청 성공 callback으로 변경하여 회원가입 요청을 보내는 시점에는 임시회원 인..

1. 모바일 기기와 개발 중인 컴퓨터를 같은 네트워크(와이파이)로 연결한다 2. 터미널에서 다음 명령어를 입력한다 ifconfig | grep "inet " | grep -v 127.0.0.1 3. 모바일 기기의 주소창에 결과로 나온 ip 주소를 입력하고 끝에 포트를 붙여 접속한다 (보통 :3000)

개발자의 평생공부 제품을 잘 설계해서 정해진 시간 안에 출시함으로써 회사의 비즈니스에 결정적인 도움을 주는 것 요구사항을 날카롭게 분석 꼼꼼한 설계 정밀한 테스트 구현 능력 필요한 추상을 만들어냄 새로운 구조물의 상호작용 데이터의 무결성 성능 트렌드에 필요한 것은 가벼운 눈팅이지 공부가 아니다. 공부는 본질에 다가서려는 노력이다. (트렌드를 따라가려면 눈팅을 잘 하면 된다. 너무 큰 노력 x) (눈팅을 자주하자) 실력은 알고있는 지식의 총량이 아니다 임기응변 집중력 해결해야 하는 문제를 알아채는 감각 처음 본 문제를 해결하는 능력 ⇒ 고통으로 부터 나온다. 실력은 고통의 총합이다 (노오~력이다) 영원히 볼 일이 없는 글을 저장하는 행위는 쇼핑몰 사이트에서 위시리스트나 보관함에 마음에 드는 상품을 담는 심..

https://github.com/apollographql/apollo-client/issues/7436#issuecomment-821243699 Infinite loop when using a cache-and-network fetchPolicy · Issue #7436 · apollographql/apollo-client Intended outcome: I have a component that retrieves some data using useQuery and renders a chart. Until now I used these options: fetchPolicy: 'cache-and-network', nextFetchPolicy: 'cac... github.com `useQuery( QUER..