+ it ops tls ssl Getting Caddy to issue TLS certificates for Private zones1. The problem I’m having: Hi, I am trying to do this. I have domain.me domain. I want to use *.hs.domain.me domain in my home lab and these services should not be publicly accessible. For this, I have added a NS reco… wono | discuss | tweet + it dev nextjs tanstack-table React TanStack Virtual Fixed Example | TanStack Virtual DocsAn example showing how to implement Fixed in React using TanStack Virtual. wono | discuss | tweet + it ops db survey erd 설문조사 데이터 모델링1. 비즈니스 규칙 wono | discuss | tweet + it ops db survey erd [JEB Survey] 설문 조사 프로젝트📌 GitHub 주소https://github.com/HuiEun-Lim/JEB-Survey wono | discuss | tweet + it ops db survey erd A Database Model for an Online Survey. Part 1I need to create the design for a new database which will be the data layer for an application; the application will be an online survey or polling like Survey Monkey. My challenge is that the functionality that I require is not supported by existing survey sites, so I need to build my own. What I need is a conditional survey (if the answer to question 4 is “yes,” then we ask question 5 and skip question 6; but if the answer to question 4 is “no,” then we skip question 5 and ask question 6) (...) wono | discuss | tweet + it ops aws subnet [AWS] public & private subnet 분리로 서버 운영하기개요AWS 서비스를 조금 더 보안성 있게 운영하고자 한다면, 한 VPC 내의 subnet을 분리하여 사용하는 방법이 있다.이번 프로젝트는 앞으로 동아리에서 쭉 사용할 서비스이므로 처음부터 보안에 유의하여 설계를 해야겠다 다짐했다!! 그래서 이 포스팅을 통해 어떤 과정을 겪었는지 정리해보려 한다.AWS에서 자체적으로 해주는 것이 많아서 생각보다 많이 간단했다. VPC 만들기AWS 계정을 생성하고 나면 기본 VPC는 존재한다. 별도의 퍼스널 서브넷 세팅을 위해 새로 VPC를 생성하자. 생성할 리소스 옵션 중 VPC만/VPC 등 두 가지가 있는데, private subnet에 RDS를 두려면 반드시 후자를 선택해야 한다. RDS 생성 시에도 RDS subnet을 세팅하게 되는데 이때 subnet은 두 개 이.. wono | discuss | tweet + it ops aws keypair AWS의 키페어 이해: EC2 접속 Key Pair로 하는 이유『 '데이널'의 컨텐츠에 포함된 정보는? 』 EC2 서버에 접속했다면 pem 키, 혹은 ppk를 사용해 보셨을 텐데요. 그게 바로 키페어를 이용한 방식입니다. AWS EC2에서 작업할 때 보안이 가장 중요한데요. EC2 접근을 보호하는 방법 중 하나가 키페어(Key Pairs)를 사용하는 방식입니다. 그렇다면 키페어가 무엇인지, 왜 중요한지, 어떤 원리에 의해 사용하는지 알아보겠습니다. EC2 키페어(Key Pairs)이란?키페어는 EC2 인스턴스에 연결할 때 나를 증명하는 데 사용됩니다. 예를 들어, 서버에서 생성해서 전달한 개인 키를 가지고 있으면 접속을 허락합니다. 서버에 있는 공개 키를 오픈 할 수 있는 개인 키인거죠. 이를 어려운 말로 복호화 한다고 합니다.Linux에서는 기본 사용자(ec2.. wono | discuss | tweet + it ops aws keypair 백엔드, 아무것도 몰라요 (실습편) - (1) AWS로 서버 컴퓨터 셋업if 백엔드_지식 == None: come_in("실습 - (1) AWS로 서버 컴퓨터 셋업") wono | discuss | tweet + 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 | tweetNext
+ it ops tls ssl Getting Caddy to issue TLS certificates for Private zones1. The problem I’m having: Hi, I am trying to do this. I have domain.me domain. I want to use *.hs.domain.me domain in my home lab and these services should not be publicly accessible. For this, I have added a NS reco… wono | discuss | tweet
+ it dev nextjs tanstack-table React TanStack Virtual Fixed Example | TanStack Virtual DocsAn example showing how to implement Fixed in React using TanStack Virtual. wono | discuss | tweet
+ it ops db survey erd [JEB Survey] 설문 조사 프로젝트📌 GitHub 주소https://github.com/HuiEun-Lim/JEB-Survey wono | discuss | tweet
+ it ops db survey erd A Database Model for an Online Survey. Part 1I need to create the design for a new database which will be the data layer for an application; the application will be an online survey or polling like Survey Monkey. My challenge is that the functionality that I require is not supported by existing survey sites, so I need to build my own. What I need is a conditional survey (if the answer to question 4 is “yes,” then we ask question 5 and skip question 6; but if the answer to question 4 is “no,” then we skip question 5 and ask question 6) (...) wono | discuss | tweet
+ it ops aws subnet [AWS] public & private subnet 분리로 서버 운영하기개요AWS 서비스를 조금 더 보안성 있게 운영하고자 한다면, 한 VPC 내의 subnet을 분리하여 사용하는 방법이 있다.이번 프로젝트는 앞으로 동아리에서 쭉 사용할 서비스이므로 처음부터 보안에 유의하여 설계를 해야겠다 다짐했다!! 그래서 이 포스팅을 통해 어떤 과정을 겪었는지 정리해보려 한다.AWS에서 자체적으로 해주는 것이 많아서 생각보다 많이 간단했다. VPC 만들기AWS 계정을 생성하고 나면 기본 VPC는 존재한다. 별도의 퍼스널 서브넷 세팅을 위해 새로 VPC를 생성하자. 생성할 리소스 옵션 중 VPC만/VPC 등 두 가지가 있는데, private subnet에 RDS를 두려면 반드시 후자를 선택해야 한다. RDS 생성 시에도 RDS subnet을 세팅하게 되는데 이때 subnet은 두 개 이.. wono | discuss | tweet
+ it ops aws keypair AWS의 키페어 이해: EC2 접속 Key Pair로 하는 이유『 '데이널'의 컨텐츠에 포함된 정보는? 』 EC2 서버에 접속했다면 pem 키, 혹은 ppk를 사용해 보셨을 텐데요. 그게 바로 키페어를 이용한 방식입니다. AWS EC2에서 작업할 때 보안이 가장 중요한데요. EC2 접근을 보호하는 방법 중 하나가 키페어(Key Pairs)를 사용하는 방식입니다. 그렇다면 키페어가 무엇인지, 왜 중요한지, 어떤 원리에 의해 사용하는지 알아보겠습니다. EC2 키페어(Key Pairs)이란?키페어는 EC2 인스턴스에 연결할 때 나를 증명하는 데 사용됩니다. 예를 들어, 서버에서 생성해서 전달한 개인 키를 가지고 있으면 접속을 허락합니다. 서버에 있는 공개 키를 오픈 할 수 있는 개인 키인거죠. 이를 어려운 말로 복호화 한다고 합니다.Linux에서는 기본 사용자(ec2.. wono | discuss | tweet
+ it ops aws keypair 백엔드, 아무것도 몰라요 (실습편) - (1) AWS로 서버 컴퓨터 셋업if 백엔드_지식 == None: come_in("실습 - (1) AWS로 서버 컴퓨터 셋업") wono | discuss | tweet
+ 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