Enjoy Programming

회사 프로젝트중 highchart를 이용해 폴라 차트를 구현하는데 디자인이 좀 난해하게 나와서 최대한 비슷하게 구현하려고 적용 해봤다. 기록용 코드

export function getGrade({ gradeList, value }: { gradeList: number[]; value: number }) { let grade = 0; gradeList.some((g, index) => { if (g === value) { grade = index; return true; } return false; }); return grade; } ex gradeList = [0,1,2,3,4,5,....] , value = 3.5 , grade = 2 그냥 남기는 용도... ㅋ 요새 뭘했는지 쓸게 많은데 문득 생각나서 남김...

역시 바쁜나날이다. 개발을 하며 생긴 이슈가 여럿이고 그 중에 아직 완벽하게 해결이 되지 않은 부분이 있는데 이슈는 이렇다 개발 후 deploy -> 하나의 컴퓨터에서 크롬에 dev도메인이 열려있는 상황 -> 배포 완료 되기 전 컴퓨터를 끄고 -> 배포 완료 후 reboot 이전 브라우저 복원 -> blanck 된 화면 자 이걸 해결하기 위해 많은 시도를 했다. 개발자 도구에는 uncaught syntaxerror 요게 뜨고 chunck load 에러가 발생한다. base tag 설정 meta cache-control 설정, pakcage json homepage 설정 등등 진짜 많은 걸 해봤다.. 코드 스플릿이 잘못 되었나? 아님 내 가 뭘 잘못 설정했나? .. 하.. 아무튼 nginx설정으로 어느정도..

그동안 개발하면서 주로 사용한 fetch api는 주로 apollo의 useQuery, useMutation, useLazyQuery 와 reactQuery 의 useQuery, useMutation, 등이다. 회사가 graphql을 주로 쓰다보니 rest는 주로 공공 api칠때나 뭐 그럴때 빼고는 쓸일이 없다.. 근데 이번에 회사 사이트의 기능중 좀 큰 scale을 가진 기능들이 api가 대대적으로 변경이 되었다... 기존에는 한페이지에서 bulk api를 통해서 한번에 가져온 후 client에서 해당 데이터를 전처리 및 가공해서 페이지에 그렸는데 이번에 바뀌면서 결국 한페이지에서 많게는 20~30번 사이의 fetch를 하게 되었다.. 그동안 위 fetch api를 쓰면서 한페이지에서 많아야 4~5개 ..

드디어 시간을 내어 flutter를 공부하기로 한다. 근데 flutter는 javascript가 아닌 dart라는 구글이 만든 언어로 개발을 해야한다. https://dart.dev/ Dart programming language Dart is a client-optimized language for fast apps on any platform dart.dev 특징을 살펴보면 다트는 두개의 컴파일러를 가지고 있다 (두개?!) 먼저 dart web - dart로 쓴 언어를 자바스크립트로 변환해주는 컴파일러와 dart native - 각 cpu아키테처에 맞게 기기에 맞춰서 변환해주는 컴파일러 이렇게 두개이다. dart native는 just-in-time and ahead-of-time 방식의 compil..

최근 업무중에 한 곳의 서비스에서 다른 서비스의 backend api를 호출할 일이 생겼다. rest api라면 endpoint를 설정해서 해주면 되고 apollo를 쓰지 않았다면 graphql request나 별도의 패키지에 endpoint를 설정해줬으면 되었겠지만... apollo client를 사용하는 서비스라서 client하나에 새로운 endpoint를 설정해줘야 했다. 현재 서비스 내부에서는 wslink && httpLink를 생성해서 사용하고 있는데 검색 좀 해보니 http link를 또 생성해서 context로 구별 하라고 하더라.. 이렇게 신규 링크를 생성해주고 이렇게 apollo client 객체 생성할때 링크에 apollo 에서 제공하는 split함수와 함께 operation에서 con..