+ 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 blog nodejs Node.js + SQL 조합을 위한 백엔드 라이브러리 8종 요약 | Disquiet*PostgreSQL와 연동된 Node 백엔드 서버를 원활하게 개발하기 위해 Prisma 외에 다른 ORM들을 찾아보고 있었습니다. 그러다가 웹개발 생태계 종특인 '똑같은 목적을 달성하기 위해 다양한 방법을 고안한 수많은 라이브러리들'이 여기서도 예외가 아님을 발견했습니... 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 | tweet + it dev nextjs bind Data Fetching: Server Actions and Mutations | Next.jsLearn how to handle form submissions and data mutations with Next.js. wono | discuss | tweetNext
+ 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 blog nodejs Node.js + SQL 조합을 위한 백엔드 라이브러리 8종 요약 | Disquiet*PostgreSQL와 연동된 Node 백엔드 서버를 원활하게 개발하기 위해 Prisma 외에 다른 ORM들을 찾아보고 있었습니다. 그러다가 웹개발 생태계 종특인 '똑같은 목적을 달성하기 위해 다양한 방법을 고안한 수많은 라이브러리들'이 여기서도 예외가 아님을 발견했습니... 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
+ it dev nextjs bind Data Fetching: Server Actions and Mutations | Next.jsLearn how to handle form submissions and data mutations with Next.js. wono | discuss | tweet