주니어 개발자 1호

사내 FE분과 협업중에 특정 API를 호출할 때, 이미 받아온 데이터 ( Cached )를 refetch해야했는데, 해당 refetchQuries가 동작하지 않는 이슈를 공유 받았다.  refethQuries 쿼리 요청 방법 -> DocumentNode, String, Object의 형태로 보낼 수 있다.ref: https://www.apollographql.com/docs/react/data/mutations/#refetching-queries Mutations in Apollo ClientModify data with the useMutation hookwww.apollographql.com공식문서에서는 세 방법 다 유효하다고 안내되어 있는데, 실제로 매끄럽게 되지 않았는데..String, Docum..

주 사용 용도 하위컴포넌트에서 상위컴포넌트로 DATA전달 및 이벤트 발생 필요 시 사용 방법 예시 ) BoardList.vue ( 상위 컴포넌트 )BoardDetail.vue ( 하위 컴포넌트 ) BoardList에서 BoardDetail 컴포넌트를 import 함 BoardDetail 안에서 함수를 통해 해당 메소드 실행( this.$emit('event',data) )BoardList에서는} '''async test(data){console.log(data); 를 통해 메소드를 실행할 수 있다. 부모 요소 // 영역 methods costom(arg: number){ console.log('자식 요소로부터 이벤트가 전달되었습니다 evt:'+arg) } 자식 요소 // 영역 methods sendEve..

axios 다운 ⬇️ NPM 다운 npm 다운 (프론트 엔드) npm i --save vue-axios npm i --save axios package.json 확인 axiosInstance 생성 ⬇️ axios.ts 작성 순서. axios.ts 생성 axios.ts 작성 Interceptor ( custom ) 예시 코드 전체 axios.ts 생성 [ 위치 ] → project / src / util / axios.ts ( 사진 첨부 ) axios.ts 작성 1. instance → 백엔드로 보내기전 기본적으로 세팅할 항목에 대해 설정한다. baseUrl ( 백엔드의 기본 경로 ) , headers , 요청제한 시간에 대한 설정등을 할 수 있다. 예시 ) baseUrl → http://localhost..

주 사용 목적 html 을 image로 변환하여 다운할 때 사용 필요 라이브러리 html2canvas ( html to canvas ) 다운 방법 npm install --save html2canvas 사용 방법 HTML !-- 가상의 테이블 , 해당 --> 다운로드 SCRIPT ⚙ html2canvas(element).then(canvas=> ... ) 특정element 를 canvas 로 바꾸어줍니다. ( then의 매개변수가 변환된 canvas ) 대표적으로 해당 html을 사진처럼 다운 받을 수 있습니다. imageDown(tableId: string, fileName: string) { const tableElement = document.getElementById(tableId); if (ta..