목록JavaScript (99)

Enjoy Programming

[Lazy] code split

그동안 코드 스플릿 스플릿 듣기만 했다. 그리고 react에 lazy loading 있다는 것도 알았다. 몇번 써본거 같긴하다. 하지만 제대로 알지 못하고 썼었다. 그러다보니 의미도 없었다... 오늘 이사님과 이야기하던중 오랜만에 접속시 chunk에러가 나는 것을 확인했다고 하신다. 오늘 할 일을 대부분 마치고 chunk에 관해 알아보았다. 우선 간단히 chunk는 react 파일이 빌드 배포될때 모든 코드가 하나의 번들로 묶이게 된다. 번들링은 가져온 파일을 하나의 파일 즉 번뜰로 병합하는 프로세스이다. 이 번들js는 웹페이지에 포함되어 한번에 전체 앱을 로드 할 수 있다. 근데 이게 앱이 커짐에 따라 번들도 커지게 되는데 로드가 오래 걸릴 수 있다. 그래서 code split을 하게 되는데 여러 방법..
JavaScript/React 2022. 7. 27. 22:15
[error] Error: spawn apollo ENOENT 코드젠 실행 스크립트 에러

어제 하루 미치는 줄 알았다.. grahpql을 사용하고 있기에 apollo codegen은 어마어마한 유용함과 편리함을 제공한다. 어제 마이페이지 리뉴얼및 리팩토링 작업을 하며 backend schema가 변경 되어야할 상황이 생겨서 이것저것 요청하고 변경한다음 codegen을 실행했떠니!!! 하.. 이게 뭐고... 브랜치 삭제후 시도도 해보고 별짓을 다해봤다... 우선 작업은 진행되어야 하기에 손으로 다 작성하다가.. 그냥 동료분께 codegen실행해서 pr날려달라고 했다.. 그거 받아서 머지... 그렇게 몇번을 작업하고 해결하기위해 어제 밤 .. 오늘 아침 지금까지 이러고 있다가 해결했다.. 우선 여기저기 뒤적이면 거의 이런게 나온다 https://github.com/yarnpkg/yarn/issu..
JavaScript/Node.JS 2022. 7. 15. 06:02
[ES6] fromEntries && entries

최근 회사 작업중 프런트에서 데이터 핸들링 할일이 많아졌다. 주로 시계열 차트에 뿌릴 데이터인데 이게 오로지 db에서 뽑혀서 별도의 스키마 작업이나 가공이 없이 string json 형태로 오다보니 뿌려줄려면 작업들을 해줘야 했다. 뭐 보탕 Object.keys(), Object.values(), filter, map .. 등등으로 대부분 해결이지만 Object를 다루다보니 key를 변환하는 작업이라던지 두개의 데이터를 merging하는 작업도 필요하다 그래서 간단히 코드를 남긴다. 우선 오는 데이터의 형태는 parsing후 이렇다. 동일한 key를 가진!! 다만 Mr과 vlcc가 함께 뿌려져야 한다. 이렇게!! 뭐 문제는 한 apexchart에 뿌려줘야 하고 내가 만들어놓은 시계열 차트 공통 컴포넌트를..
JavaScript 2022. 7. 7. 22:58
[es6] spread clean code 기록용

위의 코드를 es6의 문법을 활용하여 줄여보자 한번 더
JavaScript 2022. 5. 10. 21:58
[@layer] 기록

-- 기록용 --- tailwind css를 사용하며 input number에 화살표를 없애고 사용하는 것을 default로 설정하고 싶어졌다. 알아보던 중 tailwind Css에서 사용자 정의 Css 규칙을 추가하는 경우 가장 쉬운 방법은 존역 css에 style을 추가하는 것이다. @layer라는 지시문을 이용해서 tailwind의 base, components, utilities 계층에 스타일을 추가할 수 있다. 이런식으로
CSS/TailwindCss 2022. 5. 10. 21:37
Prisma !

자 요새 노마드 코더 강의를 보는데 severless 어쩌고 하면서 prisma라는걸 오늘 알았다. https://www.prisma.io/ Prisma - Next-generation Node.js and TypeScript ORM for Databases Prisma is a Node.js and TypeScript ORM that can be used to build GraphQL servers, REST APIs, microservices & more. www.prisma.io prisma 사이트를 가면 떡하니 첫 문장으로 Node.js와 typescript orm 의 다음세대란다. 그리고 그 밑에 프리스마는 앱개발자들의 빌드를 빠르게 해주고 에러를 덜어준단다 open source database..
Prisma 2022. 5. 2. 22:57
이전 Prev 1 2 3 4 5 ··· 17 Next 다음