+ 잡기 사용시간 새벽 타임 마케팅을 위한 세대별 인터넷 접속 시간 보기네이버 배너광고 중 네이버 타임보드는 시간대별로 가격이 심하게 차이가 난다.가장 비싼 시간은 14시~15시 3000만 원 / 15시~16시는 3100만 원이다. (시간당 1200만 UV)가장 저렴한 시간은 당연히 접속자가 적은 새벽인데,3~4시는 200만 원 / 4시~7시까지는 각각 1시간에 150만 원이다.(3시간 아님)(시간당 150만 UV) 그런데 wono | discuss | tweet + it ops aws ami doc 16. Instance AMI 생성(실습)이번장에서 AMI 즉 인스턴스 이미지를 생성해 본다. 1) EC2의 인스턴스 메뉴에서 기존에 만들어 놓은 **Lucky-Instance**를 선택한다. 그리고 **작업 > 이미… wono | discuss | tweet + it ops aws backup how_to_calculate_cost_of_aws_backups wono | discuss | tweet + it dev nextjs issue cors Error 403 "forbidden" when running 'next dev' through stunnel - Next.js ver. 15.2.2 · Issue #77045 · vercel/next.jsLink to the code that reproduces this issue https://github.com/designly1/nextjs-15-2-2-stunnel-issue To Reproduce 1 . Clone repo 2. cd repo 3. pnpm i 4. Setup a stunnnel reverse proxy: [dev server] accept = 443 connect = 3000 cert = /pat... wono | discuss | tweet + it ops nextjs cors websocket 문제는 언젠가 해결된다. NextJS 12버전에 nginx reverse proxy 적용 결과 나온 에러다. 로그 상으로 momentjs 모듈에서 발생한 에러로 보이지만, create-next-app으로 새로운 웹을 만들어도 같은 문제가 발생했다. 해결방법을 찾으려고 각종 국내 및 해외 개 wono | discuss | tweet + it dev nextjs cors Next.js 버전업 이후 셀프 호스팅 환경에서의 CORS문제가 발생하는 페이지들의 CORS 에러를 확인했는데, 정기 배포 직전까지는 문제없이 동작하고 있던 곳이었어요. 특이하게도 creatrip.com 에서의 접속은 아무런 이슈가 없었지만 www.creatrip.com 도메인에서의 접속에서 문제가 발생했어요. 저희 크리에이트립에서는 Next.js 빌드 이후 생성된 정적 파일들을 Cloudfront로 제공하고… wono | discuss | tweet + it dev nextjs cors Next.js 환경에서 CORS 에러 해결Next 에서 CORS 를 해결하는 과정 wono | discuss | tweet + it ops key 암호화 알고리즘 비교: RSA vs ED25519서버 인프라를 세팅하기 위해 EC2 인스턴스를 만들다가 생긴 궁금증.RSA (Rivest-Shamir-Adleman):RSA의 보안은 큰 소수의 곱을 소인수분해하는 것이 어렵다는 사실에 기인하여 등장.키 길이에 크게 의존하는 보안성. 2048비트 이상이 권장되며, 40 wono | discuss | tweet + it ops github deploykeys [Git/Github] Repository의 Deploy key 사용하기 (ssh-keygen, 공개키, 비밀키)왜 사용하는가? 로컬이 아닌 공용 서버, 새로 구축한 서버에서 private repository를 가져올 때마다 인증을 해야 하는 번거로움이 있습니다. 이럴 때 repository에 public key(공개키)를 등록하고 클론할 서버에 private key(개인키)를 들고 있게 하면 간편하게 repository에 접근할 수 있습니다. 아래 순서대로 진행하면 됩니다. 키 쌍을 생성 repository에 deploy key 추가 ssh conifg 설정 git clone 키 생성하기 터미널에서 ssh-keygen을 활용하여 아래의 옵션을 추가한 후 키 페어를 생성합니다. ssh-keygen -t rsa -b 2048 -f ~/.ssh/test_key t 옵션은 암호화 타입을 지정하고 b 옵션은 bit 크기를.. wono | discuss | tweet + it ops db softdelete postgresql Soft deletion with PostgreSQL: but with logic on the database!—Martian Chronicles, Evil Martians’ team blogRubyists might take special pleasure here, but every SQL and PostgreSQL dev can learn this unorthodox approach: putting soft delete logic on the database side. wono | discuss | tweet + blog dev community Soft Delete on All My ModelsI have decided to enable soft deletes on all my models. Are there any negative impacts on doing so ? wono | discuss | tweet + it dev nextjs tanstack-table rowselection Tanstack-table의 onRowSelectionChange 내부 살펴보기onRowSelectionChange 메서드를 살펴보자 wono | discuss | tweet + 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 | tweetNext
+ 잡기 사용시간 새벽 타임 마케팅을 위한 세대별 인터넷 접속 시간 보기네이버 배너광고 중 네이버 타임보드는 시간대별로 가격이 심하게 차이가 난다.가장 비싼 시간은 14시~15시 3000만 원 / 15시~16시는 3100만 원이다. (시간당 1200만 UV)가장 저렴한 시간은 당연히 접속자가 적은 새벽인데,3~4시는 200만 원 / 4시~7시까지는 각각 1시간에 150만 원이다.(3시간 아님)(시간당 150만 UV) 그런데 wono | discuss | tweet
+ it ops aws ami doc 16. Instance AMI 생성(실습)이번장에서 AMI 즉 인스턴스 이미지를 생성해 본다. 1) EC2의 인스턴스 메뉴에서 기존에 만들어 놓은 **Lucky-Instance**를 선택한다. 그리고 **작업 > 이미… wono | discuss | tweet
+ it dev nextjs issue cors Error 403 "forbidden" when running 'next dev' through stunnel - Next.js ver. 15.2.2 · Issue #77045 · vercel/next.jsLink to the code that reproduces this issue https://github.com/designly1/nextjs-15-2-2-stunnel-issue To Reproduce 1 . Clone repo 2. cd repo 3. pnpm i 4. Setup a stunnnel reverse proxy: [dev server] accept = 443 connect = 3000 cert = /pat... wono | discuss | tweet
+ it ops nextjs cors websocket 문제는 언젠가 해결된다. NextJS 12버전에 nginx reverse proxy 적용 결과 나온 에러다. 로그 상으로 momentjs 모듈에서 발생한 에러로 보이지만, create-next-app으로 새로운 웹을 만들어도 같은 문제가 발생했다. 해결방법을 찾으려고 각종 국내 및 해외 개 wono | discuss | tweet
+ it dev nextjs cors Next.js 버전업 이후 셀프 호스팅 환경에서의 CORS문제가 발생하는 페이지들의 CORS 에러를 확인했는데, 정기 배포 직전까지는 문제없이 동작하고 있던 곳이었어요. 특이하게도 creatrip.com 에서의 접속은 아무런 이슈가 없었지만 www.creatrip.com 도메인에서의 접속에서 문제가 발생했어요. 저희 크리에이트립에서는 Next.js 빌드 이후 생성된 정적 파일들을 Cloudfront로 제공하고… wono | discuss | tweet
+ it ops key 암호화 알고리즘 비교: RSA vs ED25519서버 인프라를 세팅하기 위해 EC2 인스턴스를 만들다가 생긴 궁금증.RSA (Rivest-Shamir-Adleman):RSA의 보안은 큰 소수의 곱을 소인수분해하는 것이 어렵다는 사실에 기인하여 등장.키 길이에 크게 의존하는 보안성. 2048비트 이상이 권장되며, 40 wono | discuss | tweet
+ it ops github deploykeys [Git/Github] Repository의 Deploy key 사용하기 (ssh-keygen, 공개키, 비밀키)왜 사용하는가? 로컬이 아닌 공용 서버, 새로 구축한 서버에서 private repository를 가져올 때마다 인증을 해야 하는 번거로움이 있습니다. 이럴 때 repository에 public key(공개키)를 등록하고 클론할 서버에 private key(개인키)를 들고 있게 하면 간편하게 repository에 접근할 수 있습니다. 아래 순서대로 진행하면 됩니다. 키 쌍을 생성 repository에 deploy key 추가 ssh conifg 설정 git clone 키 생성하기 터미널에서 ssh-keygen을 활용하여 아래의 옵션을 추가한 후 키 페어를 생성합니다. ssh-keygen -t rsa -b 2048 -f ~/.ssh/test_key t 옵션은 암호화 타입을 지정하고 b 옵션은 bit 크기를.. wono | discuss | tweet
+ it ops db softdelete postgresql Soft deletion with PostgreSQL: but with logic on the database!—Martian Chronicles, Evil Martians’ team blogRubyists might take special pleasure here, but every SQL and PostgreSQL dev can learn this unorthodox approach: putting soft delete logic on the database side. wono | discuss | tweet
+ blog dev community Soft Delete on All My ModelsI have decided to enable soft deletes on all my models. Are there any negative impacts on doing so ? wono | discuss | tweet
+ it dev nextjs tanstack-table rowselection Tanstack-table의 onRowSelectionChange 내부 살펴보기onRowSelectionChange 메서드를 살펴보자 wono | discuss | tweet
+ 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