반응형 2022/0513 <input type = file/>에서 value 타입 맞추기(오랜만에 에러핸들링 TIL) onUploadFile(e)} /> /// const onUploadFile = (e: React.ChangeEvent) => { if (!e.target.files) { return; } const { name, type, size } = e.target.files[0]; // const formData = new FormData(); // formData.append('name', name); // if (type.split('/')[1] !== 'xlsv' || type.split('/')[1] !== 'csv' || type.split('/')[1] !== 'json') { // alert('지원하는 파일이 아니오 이걸 토스트로 바꿀것이오 걱정마시오'); // return; // } console.. 2022. 5. 6. Enum 회사에서 프로젝트를 진행하며 Enum을 사용하고 있다. 사실 Enum에 대해서 잘 모른채로 그냥 기존 코드를 복붙하는 식으로 사용하고 있었다. 아래 이어지는 글은 타입스크립트 공식문서 Enum부분 과 다른 블로그 글들을 보고 정리하는짜집기한 글이다. Enum Enum을 사용하면 맥락이나 케이스를 더 명료하게 만들 수 있다. 타입스크립트에서는 number,string에 기반한 Enum을 제공한다. 숫자형 Enum enum Direction { Up = 1, Down, Left, Right, } 위 경우에서 Up = 1, Down = 2, Left = 3, Right =4 이다. Up = 1 로 시작하고, 그 이후 따라오는 값들은 'auto-incremented' 한 성질(자동증가) 을 갖는다. enum D.. 2022. 5. 6. TIL : git 브랜치 날려먹은 날 생활코딩에서 괜히 git을 '지옥에서 온 Git' 이라고 하는 게 아니다. 지금까지는 qa를 버전 하나만 진행했다. 때문에 그냥 qa에 git push --force origin HEAD:qa를 이용하여 푸시했다. 하지만 이번 qa일정에서는 v22,v23을 한번에 qa해야하기 때문에 v22,v23을 qa브랜치에 PR을 올려 머지했다. 시간이 지나고 qa수정사항을 반영하기 위해 git pull origin release/v22 를 실행했지만 자꾸 없는 레포라는 메시지만 떴다. 문제는 자동 삭제 기능이었다. 자동삭제기능때문에 살아있어야 할 v22,v23이 날아가 버린 것이다. 다행히도 로컬에 v22가 남아있어서 (v23은 다른분이 작업) v22를 어찌저찌 되살려서 push를 하였다. 그후 다시 v22를 P.. 2022. 5. 4. 쿼리 refetch 하기 (refetch, refetchQuries) 1. refetch 함수 사용 refetch는 useQuery의 리턴값중 하나이다. 이름 그대로 데이터를 다시 fetch하는 함수 이다. 공식문서에 자세히 설명되어 있다! (아폴로는 공식문서가 읽기 편해서 좋은듯. ) 동일한 variables를 사용했을 시 fetchPolicy에 의해 cache를 가져와 동일한 값을 불러오는 것을 방지하기 위해 refetch는 network-only가 default 이다. 예시는 공식문서에 나와있는 코드를 대신한다. const DogPhoto = ({ breed }) => ( {({ loading, error, data, refetch }) => { if (loading) return null; if (error) return `Error! ${error}`; retur.. 2022. 5. 1. 이전 1 2 3 4 다음 반응형
