+ it dev nextjs multistep form Build a Multistep form in Next.js powered by React hook form and ZodReact hook form and Zod provides a powerful combination to build Multistep forms. React hook form manages the form data and Zod is used for schema validation. wono | discuss | tweet + it ops aws ec2 ami [AWS] EC2 인스턴스로 AMI를 만드는 방법EC2 인스턴스로 AMI를 만드는 방법 AWS EC2 인스턴스로 AMI 이미지(사진 아님)를 만들어보자. AWS AMI란? AMI(Amazon Machine Image)는 AWS 환경에서 가상 머신을 생성하는 데 사용되는 이미지이다. AMI는 가상 서버의 기본 구성, 운영 체제, 애플리케이션 및 데이터를 정의한다. 간단히 말해 AMI는 가상 머신을 시작하기 위한 템플릿으로 볼 수 있다. 이미지 만들기 EC2 콘솔로 접속하여 베이스 이미지로 만들고 싶은 EC2 인스턴스를 선택한다. 인스턴스를 선택하고 이미지 및 템플릿 > 이미지 생성 버튼을 클릭한다. 여기가 제일 중요하다. 이미지에 대한 정보와 생성 전략을 선택한다. + 원래 EC2 인스턴스를 안전하게 이미지화 하기 위해서는 EC2 인스턴스를 중지하고 이.. wono | discuss | tweet + it ops aws ec2 ami [AWS] EC2 인스턴스 중지 없이 AMI를 생성하는 방법 wono | discuss | tweet + 생활 여행 택시 그랩 [그랩 사용법] 코타키나발루 택시 어플 그랩 사용법 (feat. 카드등록, 차량배차, 탑승장소, 코타키나발루 공항에서 택시잡기)코타키나발루에 도착하시면 공항에서 보통 숙소로 갈때, "그랩" 이라는 어플을 이용하게 되는데,... wono | discuss | tweet + it dev tech lang “타입스크립트가 10배 빨라집니다” 그리고 불이 났다 – 바이라인네트워크자바스크립트에 정적 타입 문법을 추가한 ‘타입스크립트’가 네이티브 언어로 전환된다. wono | discuss | tweet + html dev symbols html 특수문자표HTML 특수문자표 wono | discuss | tweet + it ops db postgresql unique index PostgreSQL, unique index 컬럼에 null 삽입으로 인한 중복 생성 문제null도 중복처리 될 줄 알았지 .. wono | discuss | tweet + it ops db softdelete unique Soft Delete and Unique ConstraintWhen using the soft delete mechanism on the database, you might run into a situation where a record with a unique constraint was deleted and you want to reuse the unique value. If the unique value is… wono | discuss | tweet + it ops db softdelete unique SQL: Soft Deleting and Unique ConstraintOne issue with soft delete, it's not compatible with unique constraints. wono | discuss | tweet + it ops db softdelete unique MySQL에서 이메일 재사용 가능하게 하기- Soft Delete와 Unique를 함께 활용하다.MySQL에서 회원탈퇴시 탈퇴한 회원 정보를 DB에서 완전히 삭제하지 않고 softDelete 처리했을 때, 해당 이메일을 중복확인에서 통과시키고 재사용할 수 있게한 고민들 wono | discuss | tweet + 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 | tweetNext
+ it dev nextjs multistep form Build a Multistep form in Next.js powered by React hook form and ZodReact hook form and Zod provides a powerful combination to build Multistep forms. React hook form manages the form data and Zod is used for schema validation. wono | discuss | tweet
+ it ops aws ec2 ami [AWS] EC2 인스턴스로 AMI를 만드는 방법EC2 인스턴스로 AMI를 만드는 방법 AWS EC2 인스턴스로 AMI 이미지(사진 아님)를 만들어보자. AWS AMI란? AMI(Amazon Machine Image)는 AWS 환경에서 가상 머신을 생성하는 데 사용되는 이미지이다. AMI는 가상 서버의 기본 구성, 운영 체제, 애플리케이션 및 데이터를 정의한다. 간단히 말해 AMI는 가상 머신을 시작하기 위한 템플릿으로 볼 수 있다. 이미지 만들기 EC2 콘솔로 접속하여 베이스 이미지로 만들고 싶은 EC2 인스턴스를 선택한다. 인스턴스를 선택하고 이미지 및 템플릿 > 이미지 생성 버튼을 클릭한다. 여기가 제일 중요하다. 이미지에 대한 정보와 생성 전략을 선택한다. + 원래 EC2 인스턴스를 안전하게 이미지화 하기 위해서는 EC2 인스턴스를 중지하고 이.. wono | discuss | tweet
+ 생활 여행 택시 그랩 [그랩 사용법] 코타키나발루 택시 어플 그랩 사용법 (feat. 카드등록, 차량배차, 탑승장소, 코타키나발루 공항에서 택시잡기)코타키나발루에 도착하시면 공항에서 보통 숙소로 갈때, "그랩" 이라는 어플을 이용하게 되는데,... wono | discuss | tweet
+ it dev tech lang “타입스크립트가 10배 빨라집니다” 그리고 불이 났다 – 바이라인네트워크자바스크립트에 정적 타입 문법을 추가한 ‘타입스크립트’가 네이티브 언어로 전환된다. wono | discuss | tweet
+ it ops db postgresql unique index PostgreSQL, unique index 컬럼에 null 삽입으로 인한 중복 생성 문제null도 중복처리 될 줄 알았지 .. wono | discuss | tweet
+ it ops db softdelete unique Soft Delete and Unique ConstraintWhen using the soft delete mechanism on the database, you might run into a situation where a record with a unique constraint was deleted and you want to reuse the unique value. If the unique value is… wono | discuss | tweet
+ it ops db softdelete unique SQL: Soft Deleting and Unique ConstraintOne issue with soft delete, it's not compatible with unique constraints. wono | discuss | tweet
+ it ops db softdelete unique MySQL에서 이메일 재사용 가능하게 하기- Soft Delete와 Unique를 함께 활용하다.MySQL에서 회원탈퇴시 탈퇴한 회원 정보를 DB에서 완전히 삭제하지 않고 softDelete 처리했을 때, 해당 이메일을 중복확인에서 통과시키고 재사용할 수 있게한 고민들 wono | discuss | tweet
+ 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