dev + it dev kysely nextjs [Next.js] Vercel Postgres 사용하기토끼리 wono | discuss | tweet + it dev prisma join Prisma ORM Now Lets You Choose the Best Join Strategy (Preview)Choose between DB-level and application-level joins to pick the most performant approach for your relation queries. wono | discuss | tweet + it dev sequelize inner join in single object sequelize ORM wono | discuss | tweet + it dev typeorm [TypeORM] Advanced: JOINTypeORM으로 구현하는 INNER/OUTER JOIN wono | discuss | tweet + it dev prisma [Node.js] Prisma 한방 쿼리로 성능 개선현재 NestJS와 MySQL 그리고 Prisma라는 ORM의 조합으로 백엔드 개발을 하고 있습니다. 개발을 진행하면서 늘 불편하다고 느껴왔던 부분에 대한 개선이 필요하다고 판단하여 진행하게 되었습니다. 불편했던 점을 어느정도 개선할 수 있는 가이드라인이 되었으면 하는 바램에서 이 글을 작성해봅니다. 내가 마주했던 문제점기능을 추가하게 되면서 table을 하나 더 Join하게 되었고 그 과정에서 기존에는 평균 100ms의 응답속도를 가지던 API가 최소 6배, 최대 10배 정도 느려지는 현상을 발견하였습니다. 다음 사진은 Thunder Client를 사용하여 테스트한 결과입니다. 보통 API의 응답 속도가 느려지는 원인은 여러가지가 있지만 이 경우는 한번에 가져올 수 있는 쿼리를 여러번에 걸쳐서 나눠서 .. wono | discuss | tweet + it dev prisma How Can I Disable Foreign Key? · Issue #8108 · prisma/prisma> https://www.prisma.io/docs/orm/prisma-schema/data-model/relations/relation-mode wono | discuss | tweet + it dev prisma [번역] 프리즈마 쓰지 마세요https://www.youtube.com/watch?v=jqhHXe746Ns&t=345s&ab_channel=ThePrimeTimeNode.js 프로젝트의 ORM을 뭘 쓸까 고민하던 중에, Primeagen이 리뷰한 재밌는 아티클이 있어서 번역해봤습니다.원본 wono | discuss | tweet + it dev prisma We migrated to SQL. Our biggest learning? Don’t use Prisma<p>Last week, we completed a migration that switched our underlying database from MongoDB to Postgres. We faced a lot of interesting challenges, and the biggest one of them was a two-time rewrite of the codebase. This article is for developers considering using Prisma for their production workloads ...</p> wono | discuss | tweet + it dev prisma Prisma - 객체 간의 관계 설정, 1:N, 1:1, N:MPrisma 객체간의 관계 설정 이번 게시물에서는 DB에서 자주 사용되고 블로그를 통해 많이 소개되었던 1대다(1:N), 1대1(1:1), 다대다(N:M) 관계들을 Prisma는 어떤 인터페이스를 사용해서 이를 설정할 수 있도록 하는지 알아볼것이다. 1 : N (One to Many Relations) 이 관계의 경우는 테이블 A의 하나의 레코드는 테이블 B의 여러 레코드와 관련되어 있다. 다만 테이블 B는 하나의 A의 레코드하고만 연결된다. 위 그림에서 와 같이 사용자는 여러번 주문을 할수 있다. 하지만 주문은 주문자로써의 사용자정보를 하나만 가진다. 1 : 1 (One to One Relations) 한명의 사용자는 하나의 프로필만 가지게 되고 프로필 입장에서도 하나의 사용자만 가지게 된다. N : .. wono | discuss | tweet + it dev prisma Prisma 와 kysely 함께 사용하기Prisma 와 kysely 함께 사용하기 wono | discuss | tweet + it dev prisma The Curious Case of Prisma스꾸딩 백엔드 팀에서는 Prisma를 활용해서 데이터베이스에 접근하고 있어요. 저희처럼 Prisma를 사용해보았다면, 원하는 데이터의 구조와 조건을 설정하기만 하면 데이터를 요청할 수 있다는 걸 아실 거예요. 심지어는 여러 테이블을 합쳐야 요청하려는 구조를 만들 수 있다고 해도요! 어라, 그럼 그 유명한 JOIN은 어디로 간 걸까요? Prisma에서는 JOIN이 필요하지 않은 걸까요? 이 질문을 하는 건, 팀원이 같은 물음을 던졌을 때 막연히 “내부적으로는 JOIN으로 처리하지 않을까?“라고 대답했던 기억이 있기 때문이에요. 그래서 여기서는 Prisma에는 정말 JOIN이 없는지, 없다면 왜인지를 확실히 알아보려고 해요. wono | discuss | tweet + it dev nextjs react Why are you using nextjs? wono | discuss | tweet + it dev react xlsx [Project] React로 Excel Download하기 & 컴포넌트 분리하기React에서 db로 불러온 직원 전체 목록을 Excel로 다운로드를 받고자 구현하였다.엑셀 다운로드를 위해서는 xlsx-js-style을 사용해야 하고 이를 위해 아래와 같이 install 해야한다. wono | discuss | tweet + it dev react print React 특정 컴포넌트 프린트하기(한 장/여러 장)회사에서 개발한 기능 중 환자의 리포트를 프린트하는 기능이 있었다. 전체 화면이 아니라 리포트 부분만 프린트해야 해서 ReactToPrint 라이브러리를 사용했다. wono | discuss | tweet + it dev react report PDF, Excel, Docx generate on React and Node jsOverview Create a React App Generate a single PDF document containing multiple tables on... Tagged with reactpdf, reactexcel, reactdocx, node. wono | discuss | tweet + it dev nextjs i18n Next js 14 - How to use i18n wono | discuss | tweet + it dev nextjs i18n Simply way to support multiple languages i18n in Next.js 14 (Based on App Router)This post introduces the implementation of i18n internationalization multi-language feature in Next.js 14 (based on App Router), and takes into consideration actual scenarios to optimize and perfect… wono | discuss | tweet + it dev nextjs i18n [Nextjs] 다국어(i18n, internationalization) 적용하기서론이 문서는 next-i18next을 기반으로 next.js page router에 다국어 기능을 적용하는 과정을 다룹니다. 세팅하기Nextjs에서는 i18n 라우팅을 제공하고 있습니다. 이 기능을 도메인 혹은 pathname을 통해 설정 언어를 url로 표현할 수 있습니다.url을 통한 다국어 기능에는 몇 가지 이점이 있습니다. 1. SEO 최적화URL에 매칭되는 페이지의 언어가 결정되기 때문에 메타 테그()를 통해 해당 페이지 언어를 명시할 수 있어 해당 언어의 검색결과에 노출될 수 있습니다. 2. 링크 및 북마크 생성 가능설정된 언어가 URL에 담겨있기 때문에 해당 언어로 된 링크를 생성할 수 있습니다. 3. 번역 결과를 캐싱할 수 있음해당 페이지 결과를 캐싱할 수 있다는 이점은 여러 가지면에.. wono | discuss | tweet + it dev nextjs i18n [Next.js] i18n 적용하기 with App routingIntro 취업하고 바쁘게 지내던 중 이제 조금 적응하고 시간을 효율적으로 사용할 수 있을 것 같아 간만에 글을 작성한다. 회사는 Vue를 사용하는데, 왜 갑자기 Next.js일까? 사내 테스트로 AI Generator Tools를 사용해 보면서 대부분의 새로운 서 wono | discuss | tweet + it dev nextjs i18n Next.js로 다국어(i18n) 제공하기Next.js로 다국어를 적용하면서 공부하고 고민했던 흔적들에 대해서 설명합니다. wono | discuss | tweetNext
+ it dev prisma join Prisma ORM Now Lets You Choose the Best Join Strategy (Preview)Choose between DB-level and application-level joins to pick the most performant approach for your relation queries. wono | discuss | tweet
+ it dev prisma [Node.js] Prisma 한방 쿼리로 성능 개선현재 NestJS와 MySQL 그리고 Prisma라는 ORM의 조합으로 백엔드 개발을 하고 있습니다. 개발을 진행하면서 늘 불편하다고 느껴왔던 부분에 대한 개선이 필요하다고 판단하여 진행하게 되었습니다. 불편했던 점을 어느정도 개선할 수 있는 가이드라인이 되었으면 하는 바램에서 이 글을 작성해봅니다. 내가 마주했던 문제점기능을 추가하게 되면서 table을 하나 더 Join하게 되었고 그 과정에서 기존에는 평균 100ms의 응답속도를 가지던 API가 최소 6배, 최대 10배 정도 느려지는 현상을 발견하였습니다. 다음 사진은 Thunder Client를 사용하여 테스트한 결과입니다. 보통 API의 응답 속도가 느려지는 원인은 여러가지가 있지만 이 경우는 한번에 가져올 수 있는 쿼리를 여러번에 걸쳐서 나눠서 .. wono | discuss | tweet
+ it dev prisma How Can I Disable Foreign Key? · Issue #8108 · prisma/prisma> https://www.prisma.io/docs/orm/prisma-schema/data-model/relations/relation-mode wono | discuss | tweet
+ it dev prisma [번역] 프리즈마 쓰지 마세요https://www.youtube.com/watch?v=jqhHXe746Ns&t=345s&ab_channel=ThePrimeTimeNode.js 프로젝트의 ORM을 뭘 쓸까 고민하던 중에, Primeagen이 리뷰한 재밌는 아티클이 있어서 번역해봤습니다.원본 wono | discuss | tweet
+ it dev prisma We migrated to SQL. Our biggest learning? Don’t use Prisma<p>Last week, we completed a migration that switched our underlying database from MongoDB to Postgres. We faced a lot of interesting challenges, and the biggest one of them was a two-time rewrite of the codebase. This article is for developers considering using Prisma for their production workloads ...</p> wono | discuss | tweet
+ it dev prisma Prisma - 객체 간의 관계 설정, 1:N, 1:1, N:MPrisma 객체간의 관계 설정 이번 게시물에서는 DB에서 자주 사용되고 블로그를 통해 많이 소개되었던 1대다(1:N), 1대1(1:1), 다대다(N:M) 관계들을 Prisma는 어떤 인터페이스를 사용해서 이를 설정할 수 있도록 하는지 알아볼것이다. 1 : N (One to Many Relations) 이 관계의 경우는 테이블 A의 하나의 레코드는 테이블 B의 여러 레코드와 관련되어 있다. 다만 테이블 B는 하나의 A의 레코드하고만 연결된다. 위 그림에서 와 같이 사용자는 여러번 주문을 할수 있다. 하지만 주문은 주문자로써의 사용자정보를 하나만 가진다. 1 : 1 (One to One Relations) 한명의 사용자는 하나의 프로필만 가지게 되고 프로필 입장에서도 하나의 사용자만 가지게 된다. N : .. wono | discuss | tweet
+ it dev prisma The Curious Case of Prisma스꾸딩 백엔드 팀에서는 Prisma를 활용해서 데이터베이스에 접근하고 있어요. 저희처럼 Prisma를 사용해보았다면, 원하는 데이터의 구조와 조건을 설정하기만 하면 데이터를 요청할 수 있다는 걸 아실 거예요. 심지어는 여러 테이블을 합쳐야 요청하려는 구조를 만들 수 있다고 해도요! 어라, 그럼 그 유명한 JOIN은 어디로 간 걸까요? Prisma에서는 JOIN이 필요하지 않은 걸까요? 이 질문을 하는 건, 팀원이 같은 물음을 던졌을 때 막연히 “내부적으로는 JOIN으로 처리하지 않을까?“라고 대답했던 기억이 있기 때문이에요. 그래서 여기서는 Prisma에는 정말 JOIN이 없는지, 없다면 왜인지를 확실히 알아보려고 해요. wono | discuss | tweet
+ it dev react xlsx [Project] React로 Excel Download하기 & 컴포넌트 분리하기React에서 db로 불러온 직원 전체 목록을 Excel로 다운로드를 받고자 구현하였다.엑셀 다운로드를 위해서는 xlsx-js-style을 사용해야 하고 이를 위해 아래와 같이 install 해야한다. wono | discuss | tweet
+ it dev react print React 특정 컴포넌트 프린트하기(한 장/여러 장)회사에서 개발한 기능 중 환자의 리포트를 프린트하는 기능이 있었다. 전체 화면이 아니라 리포트 부분만 프린트해야 해서 ReactToPrint 라이브러리를 사용했다. wono | discuss | tweet
+ it dev react report PDF, Excel, Docx generate on React and Node jsOverview Create a React App Generate a single PDF document containing multiple tables on... Tagged with reactpdf, reactexcel, reactdocx, node. wono | discuss | tweet
+ it dev nextjs i18n Simply way to support multiple languages i18n in Next.js 14 (Based on App Router)This post introduces the implementation of i18n internationalization multi-language feature in Next.js 14 (based on App Router), and takes into consideration actual scenarios to optimize and perfect… wono | discuss | tweet
+ it dev nextjs i18n [Nextjs] 다국어(i18n, internationalization) 적용하기서론이 문서는 next-i18next을 기반으로 next.js page router에 다국어 기능을 적용하는 과정을 다룹니다. 세팅하기Nextjs에서는 i18n 라우팅을 제공하고 있습니다. 이 기능을 도메인 혹은 pathname을 통해 설정 언어를 url로 표현할 수 있습니다.url을 통한 다국어 기능에는 몇 가지 이점이 있습니다. 1. SEO 최적화URL에 매칭되는 페이지의 언어가 결정되기 때문에 메타 테그()를 통해 해당 페이지 언어를 명시할 수 있어 해당 언어의 검색결과에 노출될 수 있습니다. 2. 링크 및 북마크 생성 가능설정된 언어가 URL에 담겨있기 때문에 해당 언어로 된 링크를 생성할 수 있습니다. 3. 번역 결과를 캐싱할 수 있음해당 페이지 결과를 캐싱할 수 있다는 이점은 여러 가지면에.. wono | discuss | tweet
+ it dev nextjs i18n [Next.js] i18n 적용하기 with App routingIntro 취업하고 바쁘게 지내던 중 이제 조금 적응하고 시간을 효율적으로 사용할 수 있을 것 같아 간만에 글을 작성한다. 회사는 Vue를 사용하는데, 왜 갑자기 Next.js일까? 사내 테스트로 AI Generator Tools를 사용해 보면서 대부분의 새로운 서 wono | discuss | tweet
+ it dev nextjs i18n Next.js로 다국어(i18n) 제공하기Next.js로 다국어를 적용하면서 공부하고 고민했던 흔적들에 대해서 설명합니다. wono | discuss | tweet