+ 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 | tweet + it qa jsdoc typescript Discussion of What is JSDoc and why you may not need typescript for your next project?It has been a couple of weeks since I started testing out this technology, JSDoc, for maintaining... wono | discuss | tweet + it dev javascript ts-check javascript에서 typescript 적용하기 wono | discuss | tweet + it dev typescript type vs interface (TypeScript)개요 typescript에서 타입을 만들때 type alias, interface 두가지 사용방식이 있다. 기본적인 사용 방법의 차이에 대한 글은 이미 인터넷에 많이 있다. 그 외 type alias와 interface를 선택할때 고려할 만한 부분들은 어떤게 있는지 대해 정리해보려고 한다. > typescript 위키나, 핸드북 문서를 보면 일단 .. wono | discuss | tweet + it dev typescript 타입스크립트에서 type 과 interface 더 알아보기데보션 (DEVOCEAN) 기술 블로그 , 개발자 커뮤니티이자 내/외부 소통과 성장 플랫폼 wono | discuss | tweet + it dev typescript 타입스크립트 type과 interface의 공통점과 차이점https://yceffort.kr wono | discuss | tweet + it dev typescript TypeScript - type과 interface의 차이TypeScript에서 type과 interface는 비슷한 역할을 하는 것 같은데, 어떤 경우에는 type을 사용하는 게 좋고 어떤 경우에는 interface를 사용하는 게 좋은지 궁금해서 알아보았다.extends 키워드를 이용해서 확장할 수 있다.& 기호를 이용해서 wono | discuss | tweetNext
+ 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
+ it qa jsdoc typescript Discussion of What is JSDoc and why you may not need typescript for your next project?It has been a couple of weeks since I started testing out this technology, JSDoc, for maintaining... wono | discuss | tweet
+ it dev typescript type vs interface (TypeScript)개요 typescript에서 타입을 만들때 type alias, interface 두가지 사용방식이 있다. 기본적인 사용 방법의 차이에 대한 글은 이미 인터넷에 많이 있다. 그 외 type alias와 interface를 선택할때 고려할 만한 부분들은 어떤게 있는지 대해 정리해보려고 한다. > typescript 위키나, 핸드북 문서를 보면 일단 .. wono | discuss | tweet
+ it dev typescript 타입스크립트에서 type 과 interface 더 알아보기데보션 (DEVOCEAN) 기술 블로그 , 개발자 커뮤니티이자 내/외부 소통과 성장 플랫폼 wono | discuss | tweet
+ it dev typescript TypeScript - type과 interface의 차이TypeScript에서 type과 interface는 비슷한 역할을 하는 것 같은데, 어떤 경우에는 type을 사용하는 게 좋고 어떤 경우에는 interface를 사용하는 게 좋은지 궁금해서 알아보았다.extends 키워드를 이용해서 확장할 수 있다.& 기호를 이용해서 wono | discuss | tweet