it + it ops db soft delete unique [MySQL] Soft delete와 unique constraintSoft delete인데 unique가 걸려있다... 제목을 어떻게 지어야할지 몰라서 저렇게 지었지만 회사 API 작성 중 회원가입 파트에서 막힌 부분이 있었다. 바로 탈퇴한 아이디인데 그 아이디로 다시 회원가입을 할 경우, 로직상 DB에서 레코드(row)를 삭제하는 것이 아닌, soft delete(논리 삭제)를 할 경우 unique해야 할 아이디가 이미 테이블에 존재한다며 에러를 내뿜었다. 이 부분에 대해 고민을 한 것이 2가지였다. unique constraint를 없애고 비지니스 로직으로 논리 삭제된 아이디를 제외하고 중복된 아이디인지 검사 nickname과 deleted_at 컬럼 두개를 다중 컬럼 unique를 건다. unique 삭제? unique 조건을 삭제한다면 문제가 분명히 생길 것이다.. wono | discuss | tweet + it dev nextjs date JavaScript Date.parse() and null datesI'm trying to sort a list of dates, but I'm struggling with null dates which aren't being handled consistently. So I need something like: var date = Date.parse(dateString); if (!date) { date ... wono | discuss | tweet + it dev nextjs rhf React Hook Form 사용법 완결판 - 고급편React Hook Form 고급 사용 방법 wono | discuss | tweet + it dev nextjs rhf [React] React Hook Form으로 Form Validation 쉽게 하기웹 개발, 특히 프론트앤드 개발을 하다 보면 Form Control을 할 일이 자주 있다. 로그인, 회원 가입, 게시물 작성 등 꽤 자주 활용하게 된다. 보통 Form에 입력된 값들은 DB에 넣거나 조회하는 등 할 때 사용되는데 Submit 하기 전에 입력을 제대로 했는지, 빠진 값들은 없는지 하는 Validation 과정을 거친다. 이런 일련의 과정들을 매우 쉽게 구현할 수 있는 것이 있어 소개하고자 한다. "React Hook Form" 이다. React Hook Form 의 장점은 1. 코드 량이 적다. 2. Validation이 강력하다. 3. Error 잡기 좋다. 4. Input Control 유용하다 5. 이벤트를 신경쓰지 않아도 된다. 6. Input 처리가 간편하다 그럼 React Hoo.. wono | discuss | tweet + it ops aws domain route53 AWS로 배포하기 (EC2 서버 + AWS Route 53 도메인 연결 + HTTPS 인증서 등록)EC2 서버를 프리티어에서 t3.medium으로 옮긴 이유 EC2 서버 퍼블릭 IP 고정하기 EC2 서버 포트 포워딩 도메인과 EC2서버 연결하기 HTTPS 인증서로 도메인 wono | discuss | tweet + it ops aws dns domain route53 [AWS] 📚 Route53 개념 원리 & 사용 세팅 💯 정리Route 53 Amazon Route 53 은 가용성과 확장성이 뛰어난 클라우드 Domain Name System (DNS) 웹 서비스이다. Route 53는 도메인 구입부터 네임서버 등록까지 dns에 필요한 모든 기능이 있고, aws 답게 추가로 모니터링 기능까지 제공한다. 다른 도메인 등록 기관(가비아, 후이즈 등) 에 비해 가격이 비슷하거나 저렴하고, 등록 외에 부가적인 기능 제공 및 안정성, GUI를 제공해 관리가 수월하다. 또한, Route 53 은 사용자의 요청을 Amazon EC2 인스턴스, Elastic Load Balancing 로드 밸런서, Amazon S3 버킷 등 AWS 에서 실행되는 인프라에 효과적으로 연결하고, AWS 외부의 인프라로 라우팅하는데도 Route 53 사용이 가능하.. wono | discuss | tweet + it dev nextjs kysely error kysely/example/src/app.ts at 61cc5c21e1d47e06d576d939299bc3f32214251a · kysely-org/kyselyA type-safe typescript SQL query builder. Contribute to kysely-org/kysely development by creating an account on GitHub. wono | discuss | tweet + it dev nextjs api error 클라이언트 서버 모두에서 nextjs에서 api에러 핸들링하기https://yceffort.kr wono | discuss | tweet + it dev nextjs structure Next.js 14 Project Structure: Best PracticesLearn the best practices for structuring a Next.js 14 project, from project setup to deployment. Find tips on project organization, styling, data fetching, state management, performance optimization, error handling, testing, and more. wono | discuss | tweet + it dev nextjs zod Zod Schema: How to make a field optional OR have a minimum string contraint?I have a field where I want the value to either be optional OR have the field have a minimum length of 4. I've tried the following: export const SocialsSchema = z.object({ myField: z.optional(z.s... wono | discuss | tweet + it dev nextjs zod How to add a dynamic, server-fetched default value to a Zod-validated React Hook Form?I have a React Hook form with validation and default values from Zod. I am using Supabase as my DB and Auth. How can I set the default value of userId to be current user's id? User state is inside ... wono | discuss | tweet + it dev nextjs file upload Epic Next JS 15 Tutorial Part 5: File upload using server actionsIn the previous tutorial, we finished our Home Page, so we will build out our Sign In and Sign Up... Tagged with nextjs, react, strapi, typescript. wono | discuss | tweet + it dev nextjs s3 purl Next.js + TS | AWS S3 이미지 업로드 API 구현하기 (+ AWS S3 버킷 생성, route 작성하기)인턴하면서 AWS S3을 통해 이미지를 저장하고 pre-signed URL을 프로젝트에서 사용했던 경험을 계기로, Next.js 개인 프로젝트에서 직접 AWS S3 Bucket을 생성해서 저장해 사용해 보기로 했다. AWS S3 버킷 만들기 1. AWS S3 버킷 wono | discuss | tweet + it dev nextjs purl Using Presigned URLs in a Next.js App Router Project to Upload Files to an AWS S3 Bucket | Coner MurphyLearn how to upload files to an AWS S3 bucket using presigned URLs generated via the AWS SDK inside a Next.js app router application. wono | discuss | tweet + it dev nextjs s3 purl Upload a file to AWS S3 in Next.js using Presigned URL with AWS SDK v3Amazon S3 is a cloud-based object storage service provided by Amazon Web Services (AWS). It offers secure, durable, and highly scalable storage for storing and retrieving any amount of data over the… wono | discuss | tweet + it dev nextjs serveractions secure Next.js 15에서 강화된 Server Actions 보안 살펴보기Dead Code Elimination, 안전한 Action ID 생성, 클로저 변수 암호화, Origin 검사 등 Next.js 15에서 새롭게 강화된 Server Actions 보안 방식을 자세히 살펴보고 실제 코드 예시를 통해 안전한 서버 로직 설계 방법을 안내합니다. wono | discuss | tweet + it dev nextjs zod coerce 실전! Zod와 TypeScript [2편] | VINU 팀 | 테크블로그실전 예제로 알아보는 타입 검증법 wono | discuss | tweet + it dev shadcn css Incorrect use of <label for=FORM_ELEMENT> · Issue #1573 · shadcn-ui/uiThe error message looks like this: This is how I used it in From: wono | discuss | tweet + it ops aws s3 purl [AWS] 📚 S3 Pre-signed URL 공유하기S3 Pre-signed URL 공유 만일 이용자들이 S3 버킷에 public에서 접근해서 object를 다운받거나 업로드 하게 설정해야 하는 경우, 보통 두가지 방법이 있다. 1. 모든 파일을 퍼블릭으로 만들기 장점 : 별도의 관리가 필요없음 단점 : 아무나 파일 다운로드 가능 (보안 문제) 2. IAM 자격증명 공유 (Access Key Pair) 장점 : 지정한 사람만 공유 가능 단점 : 자격증명 유출/변경 시 공유자 모두에게 다시 부여 필요하고 관리 자체가 빡쌔다. 3. IAM 사용자 부여하기 (Role) 장점 : 지정한 사람만 공유 가능 단점 : IAM 사용자 숫자 제한 (5000개), 부여하는 과정과 유지보수의 어려움 이처럼, 버킷 자체를 public으로 열기엔 부담스럽고, 그렇다고 이용자에게.. wono | discuss | tweet + it ops node aws s3 06. AWS S3 이미지 가져오기 구현우리는 앞선 포스트를 통해 S3에 이미지를 저장하는 두 가지 방법에 대해 알아보았다. 이렇게 저장된 자원들은 REST API를 통해 접근할 수 있다. 따라서 아래와 같은 방식으로 요청하면 특정 버킷으로부터 이미지 파일을 가져올 수 있다.https://[버킷 이름].[리전 이름].amazonaws.com/[파일 이름] 그런데 이러한 주소를 직접 사용하는 것은 문제가 없을까? 이러한 주소를 직접 클라이언트에 건네준다는 것은 곧 내가 사용하고 있는 S3가 어느 리전에 위치해있는지, 버킷 이름은 무엇인지와 같은 정보가 무방비하게 노출되어버리고 만다는 의미가 된다. 따라서 이번에도 백엔드 서버가 S3와 클라이언트 사이를 중개해주어야 하는데, 나는 여기서 presigned URL을 사용하고 있다. pURL은 그저 .. wono | discuss | tweetNext
+ it ops db soft delete unique [MySQL] Soft delete와 unique constraintSoft delete인데 unique가 걸려있다... 제목을 어떻게 지어야할지 몰라서 저렇게 지었지만 회사 API 작성 중 회원가입 파트에서 막힌 부분이 있었다. 바로 탈퇴한 아이디인데 그 아이디로 다시 회원가입을 할 경우, 로직상 DB에서 레코드(row)를 삭제하는 것이 아닌, soft delete(논리 삭제)를 할 경우 unique해야 할 아이디가 이미 테이블에 존재한다며 에러를 내뿜었다. 이 부분에 대해 고민을 한 것이 2가지였다. unique constraint를 없애고 비지니스 로직으로 논리 삭제된 아이디를 제외하고 중복된 아이디인지 검사 nickname과 deleted_at 컬럼 두개를 다중 컬럼 unique를 건다. unique 삭제? unique 조건을 삭제한다면 문제가 분명히 생길 것이다.. wono | discuss | tweet
+ it dev nextjs date JavaScript Date.parse() and null datesI'm trying to sort a list of dates, but I'm struggling with null dates which aren't being handled consistently. So I need something like: var date = Date.parse(dateString); if (!date) { date ... wono | discuss | tweet
+ it dev nextjs rhf [React] React Hook Form으로 Form Validation 쉽게 하기웹 개발, 특히 프론트앤드 개발을 하다 보면 Form Control을 할 일이 자주 있다. 로그인, 회원 가입, 게시물 작성 등 꽤 자주 활용하게 된다. 보통 Form에 입력된 값들은 DB에 넣거나 조회하는 등 할 때 사용되는데 Submit 하기 전에 입력을 제대로 했는지, 빠진 값들은 없는지 하는 Validation 과정을 거친다. 이런 일련의 과정들을 매우 쉽게 구현할 수 있는 것이 있어 소개하고자 한다. "React Hook Form" 이다. React Hook Form 의 장점은 1. 코드 량이 적다. 2. Validation이 강력하다. 3. Error 잡기 좋다. 4. Input Control 유용하다 5. 이벤트를 신경쓰지 않아도 된다. 6. Input 처리가 간편하다 그럼 React Hoo.. wono | discuss | tweet
+ it ops aws domain route53 AWS로 배포하기 (EC2 서버 + AWS Route 53 도메인 연결 + HTTPS 인증서 등록)EC2 서버를 프리티어에서 t3.medium으로 옮긴 이유 EC2 서버 퍼블릭 IP 고정하기 EC2 서버 포트 포워딩 도메인과 EC2서버 연결하기 HTTPS 인증서로 도메인 wono | discuss | tweet
+ it ops aws dns domain route53 [AWS] 📚 Route53 개념 원리 & 사용 세팅 💯 정리Route 53 Amazon Route 53 은 가용성과 확장성이 뛰어난 클라우드 Domain Name System (DNS) 웹 서비스이다. Route 53는 도메인 구입부터 네임서버 등록까지 dns에 필요한 모든 기능이 있고, aws 답게 추가로 모니터링 기능까지 제공한다. 다른 도메인 등록 기관(가비아, 후이즈 등) 에 비해 가격이 비슷하거나 저렴하고, 등록 외에 부가적인 기능 제공 및 안정성, GUI를 제공해 관리가 수월하다. 또한, Route 53 은 사용자의 요청을 Amazon EC2 인스턴스, Elastic Load Balancing 로드 밸런서, Amazon S3 버킷 등 AWS 에서 실행되는 인프라에 효과적으로 연결하고, AWS 외부의 인프라로 라우팅하는데도 Route 53 사용이 가능하.. wono | discuss | tweet
+ it dev nextjs kysely error kysely/example/src/app.ts at 61cc5c21e1d47e06d576d939299bc3f32214251a · kysely-org/kyselyA type-safe typescript SQL query builder. Contribute to kysely-org/kysely development by creating an account on GitHub. wono | discuss | tweet
+ it dev nextjs api error 클라이언트 서버 모두에서 nextjs에서 api에러 핸들링하기https://yceffort.kr wono | discuss | tweet
+ it dev nextjs structure Next.js 14 Project Structure: Best PracticesLearn the best practices for structuring a Next.js 14 project, from project setup to deployment. Find tips on project organization, styling, data fetching, state management, performance optimization, error handling, testing, and more. wono | discuss | tweet
+ it dev nextjs zod Zod Schema: How to make a field optional OR have a minimum string contraint?I have a field where I want the value to either be optional OR have the field have a minimum length of 4. I've tried the following: export const SocialsSchema = z.object({ myField: z.optional(z.s... wono | discuss | tweet
+ it dev nextjs zod How to add a dynamic, server-fetched default value to a Zod-validated React Hook Form?I have a React Hook form with validation and default values from Zod. I am using Supabase as my DB and Auth. How can I set the default value of userId to be current user's id? User state is inside ... wono | discuss | tweet
+ it dev nextjs file upload Epic Next JS 15 Tutorial Part 5: File upload using server actionsIn the previous tutorial, we finished our Home Page, so we will build out our Sign In and Sign Up... Tagged with nextjs, react, strapi, typescript. wono | discuss | tweet
+ it dev nextjs s3 purl Next.js + TS | AWS S3 이미지 업로드 API 구현하기 (+ AWS S3 버킷 생성, route 작성하기)인턴하면서 AWS S3을 통해 이미지를 저장하고 pre-signed URL을 프로젝트에서 사용했던 경험을 계기로, Next.js 개인 프로젝트에서 직접 AWS S3 Bucket을 생성해서 저장해 사용해 보기로 했다. AWS S3 버킷 만들기 1. AWS S3 버킷 wono | discuss | tweet
+ it dev nextjs purl Using Presigned URLs in a Next.js App Router Project to Upload Files to an AWS S3 Bucket | Coner MurphyLearn how to upload files to an AWS S3 bucket using presigned URLs generated via the AWS SDK inside a Next.js app router application. wono | discuss | tweet
+ it dev nextjs s3 purl Upload a file to AWS S3 in Next.js using Presigned URL with AWS SDK v3Amazon S3 is a cloud-based object storage service provided by Amazon Web Services (AWS). It offers secure, durable, and highly scalable storage for storing and retrieving any amount of data over the… wono | discuss | tweet
+ it dev nextjs serveractions secure Next.js 15에서 강화된 Server Actions 보안 살펴보기Dead Code Elimination, 안전한 Action ID 생성, 클로저 변수 암호화, Origin 검사 등 Next.js 15에서 새롭게 강화된 Server Actions 보안 방식을 자세히 살펴보고 실제 코드 예시를 통해 안전한 서버 로직 설계 방법을 안내합니다. wono | discuss | tweet
+ it dev nextjs zod coerce 실전! Zod와 TypeScript [2편] | VINU 팀 | 테크블로그실전 예제로 알아보는 타입 검증법 wono | discuss | tweet
+ it dev shadcn css Incorrect use of <label for=FORM_ELEMENT> · Issue #1573 · shadcn-ui/uiThe error message looks like this: This is how I used it in From: wono | discuss | tweet
+ it ops aws s3 purl [AWS] 📚 S3 Pre-signed URL 공유하기S3 Pre-signed URL 공유 만일 이용자들이 S3 버킷에 public에서 접근해서 object를 다운받거나 업로드 하게 설정해야 하는 경우, 보통 두가지 방법이 있다. 1. 모든 파일을 퍼블릭으로 만들기 장점 : 별도의 관리가 필요없음 단점 : 아무나 파일 다운로드 가능 (보안 문제) 2. IAM 자격증명 공유 (Access Key Pair) 장점 : 지정한 사람만 공유 가능 단점 : 자격증명 유출/변경 시 공유자 모두에게 다시 부여 필요하고 관리 자체가 빡쌔다. 3. IAM 사용자 부여하기 (Role) 장점 : 지정한 사람만 공유 가능 단점 : IAM 사용자 숫자 제한 (5000개), 부여하는 과정과 유지보수의 어려움 이처럼, 버킷 자체를 public으로 열기엔 부담스럽고, 그렇다고 이용자에게.. wono | discuss | tweet
+ it ops node aws s3 06. AWS S3 이미지 가져오기 구현우리는 앞선 포스트를 통해 S3에 이미지를 저장하는 두 가지 방법에 대해 알아보았다. 이렇게 저장된 자원들은 REST API를 통해 접근할 수 있다. 따라서 아래와 같은 방식으로 요청하면 특정 버킷으로부터 이미지 파일을 가져올 수 있다.https://[버킷 이름].[리전 이름].amazonaws.com/[파일 이름] 그런데 이러한 주소를 직접 사용하는 것은 문제가 없을까? 이러한 주소를 직접 클라이언트에 건네준다는 것은 곧 내가 사용하고 있는 S3가 어느 리전에 위치해있는지, 버킷 이름은 무엇인지와 같은 정보가 무방비하게 노출되어버리고 만다는 의미가 된다. 따라서 이번에도 백엔드 서버가 S3와 클라이언트 사이를 중개해주어야 하는데, 나는 여기서 presigned URL을 사용하고 있다. pURL은 그저 .. wono | discuss | tweet