Enjoy Programming

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 그냥 남기는 용도... ㅋ 요새 뭘했는지 쓸게 많은데 문득 생각나서 남김...

최근 회사에서 인력이 부족해서 백엔드 api까지 만들고 프론트 작업까지 진행중이다. 현재는 복잡한건 안하고 호출해서 가져오도록 api를 만드는게 다이긴 하지만... 아무튼 그렇다.. @async_timer async getIssueNewsList( input: GetIssueNewsListInputDto, ): Promise { const fName = this.getIssueNewsList.name; this.larchiveLoggerService.customLog( { fName, vName: 'GetIssueNewsListInputDto', message: input, }, fName, ); try { const uri = this.dataSwaggerUrl + '/news/aggregated-ne..

이슈 위 차트를 보면 뭔가 이상하다. y 축의 간격이 안맞다. 왜 안맞지?.. 일단 rechart에서 domain attr 을 이용해서 하기와 같이 설정을 진행했었다. 한번에 보여지는 tickcount 는 10개 , domain은 최소 최대치 설정. interval로 조정도 해보고 minmax를 조절도 해보고 하.. 그러다 그냥 아 그냥 내가 scale작업을 하자.. 함수 두개를 만들었고... 적용한 화면부터 보자.. 깔끔하다 아주 깔끔하게 떨어진다. - api에서 데이터 받고 -> 해당 데이터의 min max 잡고 -> min max가 있으니 interval을 얼마나 줄 것이냐에 따라 갭을 생성해주고 -> 해당 갭으로 각 계층을 나누면 된다. interface ParamsTick { min: numbe..

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

1. Code split으로 최적화 과정중 맞닥뜨린 문제 및 해결과정 그리고 퍼포먼스 향상 2. 빌드 배포후 chunk load 에러 현상 발생. (code split, cache, webpack 등등 ) - nginx location 문제 - service worker 문제 3. firebase file download시 파일명 원본명으로 받기 작업. 위 사항은 최근 해결한 문제들과 해결된듯 한 문제들이다. 시간 날때 작성하자.. 근데 플러터 배우는데 재미있다. 바쁘다 육아하랴 일하랴 공부하랴 근데 재미있긴 하다.. 언제 개인 프로젝트 들어가지..

지금 다니는 회사는 물류데이터 기반 해당 데이터들을 시각화해서 보여주고 있다. 처음 시작시에는 필자는 APEX charts를 선택해서 사용했었고 recharts 와 vis 를 사용해보기도 했다.. 근데 뭔가 다 부족 했다. 커스터마이징의 한계가 있었고 결국 D3로 가려고 준비중이다. 하 근데 요새 너무 바쁘다 ㅠㅠ 라카이브는 운영 돌아가고 신입분이랑 둘이서 리뉴얼 기능 업데이트 이슈 해결하고 있고.... 커스트피아는 아직 혼자 개발중이다.. 거기에 D3까지 공부해서 적용을 해야 한다.. 아무튼 열심히 해보자 D3는 뭔가 군침이 생기는 라이브러리다 자 다음 포스팅부터 제대로 포스팅하고 지금은 잠시 기록용 d3.select -> selector string에 해당하는 첫번째 element 선택 없으면 emp..