Enjoy Programming

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

또 오랜만이다 ㅠㅠ 관세포털 개발로 시간이 안났다.. 일정 이상 끝냈기에 다시 공부를 시작하며 Database seeding 이란 것을 알게 되엇는데 잘 모르지만 다시 보기 위해 작성한다. 코드의 테스트를 위해 일정량 이상의 데이터가 필요한 경우 dummy로 데이터를 생성하는데 이를 db에 씨앗을 뿌린다는 의미로 database seeding이라고 한다. prisma 를 이용해서 seed 생성시 nextjs에서 seed.ts파일을 하나 생성 후 해당 코드를 작성해 주어서 seed를 생성해주었다. main()ㅇ함수를 실행 후 에러 제어하고 db연결 종료 실행 방법은 package.json에서 스크립트 하나 추가한다. 중요한것은 ts-node가 설치 되어 있어야한다.

https://www.typescriptlang.org/ko/docs/handbook/2/generics.html Documentation - Generics Types which take parameters www.typescriptlang.org generic이란 데이터의 타입을 일반화하는 것이다. 자료형을 정하지 않고 여러 타입을 사용할 수 있게 해준다. 선언 시점이 아니라 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하는 방법이다. 한번의 선언으로 다양한 타입에 재사용이 가능하다. 어떤 함수 예를들어 const numberFn = (arg: number): number => { return arg; } const stringFn = (arg: string): ..

https://github.com/vvo/iron-session GitHub - vvo/iron-session: 🛠 Node.js stateless session utility using signed and encrypted cookies to store data. Works with N 🛠 Node.js stateless session utility using signed and encrypted cookies to store data. Works with Next.js, Express, NestJs, Fastify, and any Node.js HTTP framework. - GitHub - vvo/iron-session: 🛠 No... github.com 기존 jwt 토큰은 암호화 되지 않는다. 이..

위의 코드를 es6의 문법을 활용하여 줄여보자 한번 더

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