+ it ops aws ec2 ami [AWS] AWS Tech camp 기초실습 : AMI 생성 방법AWS AMI 생성 방법 이전 글에서 EC2를 생성했으니, 이번엔 AMI를 생성해보자. AMI(Amazon Machine Image)는 EC2 설정과 연결된 EBS Volume(간단하게 스토리지임)에 대한 모든 정보를 백업하는 기능이라 생각하면 된다. 제일 단순하게 생각하면 AMI = 백업 이다. 1. 이미지를 만들 EC2를 선택한 뒤, [작업] - [이미지 및 템플릿] - [이미지 생성]을 클릭한다. 2. 이미지 이름을 입력하고 하단의 이미지 생성 버튼을 클릭한다. 3. 생성 후 [이미지] - [AMI]를 클릭하면 생성한 이미지를 확인할 수 있다. 어때요? 참 쉽죠? AMI으로 인스턴스 생성 방법 이제 백업을 해봤으니 한번 사용해보자. 1. 생성한 AMI의 상태가 [사용가능]인지 확인한다. 사용 가능이.. wono | discuss | tweet + it ops aws ami [AWS] AMI란?? 쉽게 정리 (Amazon Machine Image)◇ 공부 기록용으로 작성하였으니 틀린점, 피드백 주시면 감사하겠습니다 ◇ AMI (Amazon Machine Image)AMI는 EC2 인스턴스를 시작할 때 필요한 운영 체제(OS), 미들웨어, Volume등의 설정을 정의한다.EC2 인스턴스는 사용자가 선택한 AMI를 기반으로 생성된다.즉, EC2를 시작하기위해 필요한 정보를 저장한 템플릿과 같다.(AMI에 포함되지 않은 서버 고유의 OS나 미들웨어는 별도로 설치해야 한다) AMI에는 다음과 같은 정보가 포함된다.운영 체제 (OS): 예시) Linux, Windows애플리케이션 소프트웨어: 예시) Apache, Nginx, MySQL, PostgreSQL루트 볼륨 (Root Volume): EC2 인스턴스가 시작되는 메인 디스크 (EBS or In.. wono | discuss | tweet + it ops aws ec2 ami [EC2] AMI(Amazon Machine Image)로 인스턴스 생성 및 백업하기AMI(Amazon Machine Image)란?AMI(Amazon Machine Image)는 인스턴스를 생성하기 위한 이미지입니다.기존의 사용했던 인스턴스의 환경(운영 체제(OS), 애플리케이션 서버, 애플리케이션, 구성 설정, 라이브러리 등)을 그대로 이미지로 캡처해서 새로운 인스턴스를 만들 수 있습니다.이를 통해 사용자는 특정 환경이 미리 구성된 인스턴스를 쉽고 빠르게 시작할 수 있습니다.AMI의 용도1. 인스턴스 복제AMI를 사용하면 기존의 사용했던 EC2 인스턴스 환경을 그대로 복제하여 새로운 인스턴스를 생성할 수 있습니다.이는 다양한 환경(개발, 테스트, 프로덕션)에서의 일관된 설정을 유지하는 데 매우 유용합니다.2. 백업 및 복구인스턴스의 현재 상태를 AMI로 캡처하여 백업으로 사용할 수 .. wono | discuss | tweet + it dev nextjs multistep form Building a reusable multi-step form with React Hook Form and Zod - LogRocket BlogUse React Hook Form and Zod to build a multi-step form component in React that handles input validation, tracks form progress, and more. wono | discuss | tweet + 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 | tweetNext
+ it ops aws ec2 ami [AWS] AWS Tech camp 기초실습 : AMI 생성 방법AWS AMI 생성 방법 이전 글에서 EC2를 생성했으니, 이번엔 AMI를 생성해보자. AMI(Amazon Machine Image)는 EC2 설정과 연결된 EBS Volume(간단하게 스토리지임)에 대한 모든 정보를 백업하는 기능이라 생각하면 된다. 제일 단순하게 생각하면 AMI = 백업 이다. 1. 이미지를 만들 EC2를 선택한 뒤, [작업] - [이미지 및 템플릿] - [이미지 생성]을 클릭한다. 2. 이미지 이름을 입력하고 하단의 이미지 생성 버튼을 클릭한다. 3. 생성 후 [이미지] - [AMI]를 클릭하면 생성한 이미지를 확인할 수 있다. 어때요? 참 쉽죠? AMI으로 인스턴스 생성 방법 이제 백업을 해봤으니 한번 사용해보자. 1. 생성한 AMI의 상태가 [사용가능]인지 확인한다. 사용 가능이.. wono | discuss | tweet
+ it ops aws ami [AWS] AMI란?? 쉽게 정리 (Amazon Machine Image)◇ 공부 기록용으로 작성하였으니 틀린점, 피드백 주시면 감사하겠습니다 ◇ AMI (Amazon Machine Image)AMI는 EC2 인스턴스를 시작할 때 필요한 운영 체제(OS), 미들웨어, Volume등의 설정을 정의한다.EC2 인스턴스는 사용자가 선택한 AMI를 기반으로 생성된다.즉, EC2를 시작하기위해 필요한 정보를 저장한 템플릿과 같다.(AMI에 포함되지 않은 서버 고유의 OS나 미들웨어는 별도로 설치해야 한다) AMI에는 다음과 같은 정보가 포함된다.운영 체제 (OS): 예시) Linux, Windows애플리케이션 소프트웨어: 예시) Apache, Nginx, MySQL, PostgreSQL루트 볼륨 (Root Volume): EC2 인스턴스가 시작되는 메인 디스크 (EBS or In.. wono | discuss | tweet
+ it ops aws ec2 ami [EC2] AMI(Amazon Machine Image)로 인스턴스 생성 및 백업하기AMI(Amazon Machine Image)란?AMI(Amazon Machine Image)는 인스턴스를 생성하기 위한 이미지입니다.기존의 사용했던 인스턴스의 환경(운영 체제(OS), 애플리케이션 서버, 애플리케이션, 구성 설정, 라이브러리 등)을 그대로 이미지로 캡처해서 새로운 인스턴스를 만들 수 있습니다.이를 통해 사용자는 특정 환경이 미리 구성된 인스턴스를 쉽고 빠르게 시작할 수 있습니다.AMI의 용도1. 인스턴스 복제AMI를 사용하면 기존의 사용했던 EC2 인스턴스 환경을 그대로 복제하여 새로운 인스턴스를 생성할 수 있습니다.이는 다양한 환경(개발, 테스트, 프로덕션)에서의 일관된 설정을 유지하는 데 매우 유용합니다.2. 백업 및 복구인스턴스의 현재 상태를 AMI로 캡처하여 백업으로 사용할 수 .. wono | discuss | tweet
+ it dev nextjs multistep form Building a reusable multi-step form with React Hook Form and Zod - LogRocket BlogUse React Hook Form and Zod to build a multi-step form component in React that handles input validation, tracks form progress, and more. wono | discuss | tweet
+ 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