만족

openapi 를 통해 이미지를 서빙해야 할 때, 서비스 점검 또는 서버 다운 때에도 정상적으로 이미지를 표시하기 위해 내 서버에 이미지를 캐시하여 서빙하고 있다. "이미지 캐시 체크 -> 있으면 반환 후 종료, 없으면 다운로드 -> quality: 80 으로 용량 압축 -> 저장 및 반환 후 종료" 과정으로 제공하고 있는데, 이미지의 갯수가 생각보다 많다 보니 빈번한 용량 압축이 발생해 간간히 cpu spike가 발생한다. cloudflare worker 전환을 진행하면서 cloudflare image + r2 를 이용해 이미지 압축/캐싱 전략을 수정해보았다. Cloudflare imagecloudflare image 는 이미지 변환을 제공하는 플랫폼이다. 월 5천 건까지 무료 변환을 지원한다. 속도는..

https://satisfactoryplace.tistory.com/414 AWS Lambda와 Cloudwatch를 이용한 health check서비스 장애 발생 시 빠른 인지를 위해 일정 시간마다 서버 상태를 체크하기 위한 스크립트를 작성하고이것을 AWS lightsail에서 가장 저렴한 인스턴스에 올려 cron으로 동작시키고 있다. https://satissatisfactoryplace.tistory.com 이전에 AWS lambda 로 health-check 를 하는 방법을 소개했었다. 현재 헬스체크(3분에 한 번), 크롤링(일주일에 3번) 을 lambda 로 사용하고 있는데, 배포가 빈번하지 않아 별도로 배포 스크립트를 구축하지 않고, 배포가 필요한 경우 직접 코드를 복사&붙여넣기를 하고 있다...

gpt 5.5 등장으로 클로드를 찢어버리면서, 요즘 집에서건 회사에서건 codex 만 사용하고 있다. fast 모드까지 지원하면서 더욱이 짧은 시간에 집중적으로 사용하는 사용자에겐 최고의 선택지가 되었는데,문제는 gpt 5.5 + fast 모드를 사용할 경우 plus 요금제에선 1시간도 못 가서 사용량이 동난다는 것이다. 5배의 사용량이 필요하다면 pro 요금제를 사용하면 되지만..사실 5배까진 필요 없고 2-3배정도면 딱 좋을 것 같아 방법을 찾아보았다. 나와 같은 고민을 하고 있는 개발자라면 아주 유용한 글이 될 것이다. 아이디어가장 간단한 방법은 하나의 계정을 쓰다가, 사용량을 소진하면 로그아웃하고 새로운 계정으로 로그인하는 것이다. 그러나 이 방법은 매우 귀찮다... 대신, codex 설정 파일..

1. 간단 설명2026년 3월 31일, npm에 배포된 axios 일부 버전에악성 코드가 포함된 공급망 공격(Supply Chain Attack) 이 발생했다.해당 버전은 정상 라이브러리처럼 배포되었지만,설치 시 내부적으로 악성 dependency가 실행되어 시스템이 감염될 수 있다.2. 사고 발생 원인axios npm 패키지의 배포 계정이 공격자에게 탈취됨공격자가 정상 릴리즈처럼 보이도록 악성 코드 포함 버전 배포개발자들이 이를 정상 업데이트로 착각하고 설치코드 자체 취약점이 아니라, 패키지 배포 과정이 해킹된 사건3. 보안 위협 방식3.1 공격 구조 (Supply Chain Attack)개발자가 axios 설치 (npm install axios)오염된 axios 버전 다운로드내부 dependency(..

2026.02.25 에 사이트 개편 작업을 마무리하고 배포까지 진행했습니다. 내부 개발 도구와 거의 모든 코드를 갈아엎으면서, 프로젝트를 다시 작성하는 수준으로 진행되었는데요. 최근 agentic coding을 업무에 적용해 보면서 사이퍼즈 서포터에도 적용해보면 좋을 것 같다는 가벼운 생각으로 시작했는데, 생각보다도 훨씬 더 결과물이 좋아 계속하다보니 꽤 많은 변경사항이 있었습니다. 작업 환경codex cli와 cursor ide를 사용해 작업을 진행했습니다. codex는 한도까지 다 사용하지는 않았는데, cursor는 claude opus 4.6을 쓰니 3시간만에 사용량이 다 털려버렸네요. codex는 한도가 넉넉하기도 하고, opus 같은 고급 모델은 사용하지 않아서 그런지 한도 걱정은 없었습니다...

올해 회사를 옮기면서 agent coding 을 적극적으로 사용하고 있다. 사실 작년 여름에 codex를 사용해본 적이 있는데,당시에는 결과물이 형편없어 이후에는 쭉 cursor + chatGPT 조합으로 업무를 진행했었다. 그러나 회사를 옮기면서 cursor 대신 claude + codex를 지원해주면서 강제로 코딩 스타일을 바꿔야만 했는데,처음엔 거부감이 들었지만 사용해본 후엔 1년도 안 되는 잠깐 사이에 엄청난 발전에 깜짝 놀랐다. 무엇이 바뀌었나기존에는 ai가 개발자를 assist 했다면, 이제는 개발자가 ai를 assist 하는 듯 하다. 이전에는 기본적으로 개발자가 코드를 작성하고 AI가 보조(질문, 단순 작업)하여 Task를 완료했지만,지금은 agent를 이용해 요구사항을 전달한 다음, 개발..

스팅어 2.0T 를 구매하고 1년 동안 사용하면서 들인 비용에 대해 정리해본다. 1. 주차비집근처 공영주차장에서 월 35000원을 내고 있다. 2. 보험료자차보험료로 130만원을 냈다. (가입 당시 만 27세)전에 아빠 보험 밑으로 들어가있어서 경력 인정이 되어 130만원이고, 원래는 210만원이었다.+ 다음 계약기간 보험료는 계산해보니 90만원이 나왔다. (무사고 할인) 3. 엔진오일, 브레이크오일 교체인터넷으로 오일을 사서 공임나라에서 교체했다.스팅어 퍼포먼스 팩이 포함되어있을 경우 브렘보 브레이크가 장착되기 때문에 브레이크 오일 교체 공임이 조금 더 비싸서 오일류 교체 총 비용으로 13.5만원을 사용했다. 4. 세차세차용품값은 따로 계산하지 않고, 세차카드에 충전하는 금액만 생각하면 한달에 150..

오늘날 프론트엔드와 백엔드를 막론하고 Node.js 생태계는 빠르게 성장하고 있으며, 그 중심에는 수많은 패키지와 의존성이 있다. 이 의존성들을 효율적으로 관리하는 것은 프로젝트의 성능과 안정성을 좌우하는 중요한 요소이다. npm, Yarn에 이어 새롭게 떠오르는 pnpm에 대해 자세히 알아보면서, 각 도구가 어떻게 패키지를 관리하고 디스크 공간을 사용하는지 함께 파헤쳐 본다. npm과 Yarn, 그리고 그들의 node_modules 이야기Node.js 생태계에서 가장 널리 사용되는 패키지 관리 도구는 역시 npm과 Yarn이다. 두 도구 모두 package.json 파일을 기반으로 프로젝트 의존성을 설치하고 관리하며, 설치된 패키지들은 대부분 프로젝트 루트의 node_modules 디렉토리에 저장된다...

최근 fastify 라는 nodejs 를 알게 되었는데, 이 framework는 "express 보다 4배 빠르다" 고 한다.https://fastify.dev/benchmarks/ 위 사이트에 들어가보면 다양한 framework 들과 express의 벤치마크를 분석하는데, express 는 그 중에서도 압도적인 최하위를 기록하고 있다.벤치마크'use strict'const fastify = require('fastify')()const schema = { schema: { response: { 200: { type: 'object', properties: { hello: { type: 'string' } ..

서비스 장애 발생 시 빠른 인지를 위해 일정 시간마다 서버 상태를 체크하기 위한 스크립트를 작성하고이것을 AWS lightsail에서 가장 저렴한 인스턴스에 올려 cron으로 동작시키고 있다. https://satisfactoryplace.tistory.com/403 [사이퍼즈 서포터] 헬스체크 정책 추가얼마 전부터, 불명의 원인으로 서버의 CPU수치가 100%로 치솟으면서 내려오지 않아 서버가 요청을 전혀 처리하지 못하는 현상이 발생하고 있다. 특정 프로세스, 특정 시간이나 특정 주기로 발현되satisfactoryplace.tistory.com 그런데 아무리 저렴한 인스턴스라지만, 실제로는 5분에 한 번 서버 상태를 체크하는 기능 외 아무것도 하는 일이 없는데instance 하나를 할당해서 헬스체크만 ..

2024년 5월 1일자로 라이트세일 가격이 인상되었다. https://library.gabia.com/contents/aws-contents/13171/ 가비아 라이브러리IT 콘텐츠 허브library.gabia.com   엄청나게 인상된 것은 아니지만, 하위 라인업(5~20달러) 인스턴스를 사용하고 있다면 인상폭이 부담스러울 수 있다. 구체적으로 어떻게 오른걸까?정확히는 ipv4, ipv6를 모두 사용할 수 있는 듀얼스택 인스턴스만 가격이 인상되었다. 만약 ipv4가 필요하지 않다면, ipv6 only를 사용하여 인상 전 가격으로 이용할 수 있다.  ipv4의 경우 우리가 익히 알고 있는 ip의 형태(ex: 123.123.123.123)를 가지고 있고,ipv6는 비교적 난해한 2416:de12:1ab:9..

프로젝트 루트에 .github/workflows 폴더 안에 yml 파일을 추가하여 github action을 추가할 수 있다. github action을 이용해 특정 브랜치에 푸쉬가 발생했을 때 작업을 정의하는 등 자동화에 이용할 수 있다. croncron은 특정 시간마다 지정한 스크립트를 실행하는 기능이다. 이 기능을 이용해 5분마다 헬스체크를 하는 작업을 생성해볼 것이다. # .github/workflows/health-check.ymlname: health-check# 어떤 작업을 진행할지?on: schedule: - cron: "*/5 * * * *"# ... 이렇게 선언함으로써 매 5분마다 이 action이 실행되도록 할 수 있다. cron 문법은 리눅스에서 crontab과 동일하다. h..

생성된지 24시간 이내라면 저장된 파일을 사용하고, 캐시가 존재하지 않거나 24시간을 초과했다면 파일을 overwrite 하는 식으로 이미지 캐시를 운영하고 있다. 그런데 뒤늦게 캐시가 정상적으로 작동하지 않았다는걸 알았다. birthtime과 mtimebirthtime은 파일의 최초 생성 시간을 의미한다.mtime은 파일의 마지막 업데이트(modified) 시간을 의미한다. 이미 존재하는 파일에 append모드로 파일을 '쓰기'하면birthtime은 변경되지 않지만 mtime은 현재 시간으로 업데이트된다 overwrite file?그렇다면 파일을 overwrite 하면 어떻게 될까? 파일 내용을 완전히 대체하는 작업이기에 내 생각에는 birthtime이 변경된다고 생각했다. 하지만 write 모드로 o..

const str= '😅';console.log(str.length); 위 코드를 실행하면 콘솔에는 어떻게 표시될까? '1글자니까 1이겠지' 라고 생각할 수 있지만 2가 표시된다.  왜 이렇게 표시되는지 알아보자 써로게이트 페어 (surrogate pair) 기본적으로 js에서 string은 UTF-16으로 다뤄진다. UTF-16은 문자를 표현할 때 2바이트 또는 4바이트를 가변적으로 사용한다. 한국어 문자(가, 나, 다...)는 2바이트로 표현이 가능하지만일부 한자나 이모지 등은 2바이트로 표현이 불가능해 2바이트를 더 사용해야 한다, 따라서 기본적으로는 2바이트를 사용하되, 2바이트로 표현 가능한 범위 바깥의 문자열들은 2바이트를 더 사용하여 표현한다. 두 글자만큼의 공간을 한 글자를 표현하는데 사..

지난번에 독거미 키보드를 구매해서 산 이후로 사무실에서 쓸 커스텀 키보드를 하나 더 마련하고 싶어서 알아보다가닌자87 하우징을 저렴하게 판매하고 있길래 하나 구매했다. https://smartstore.naver.com/monstarkorea/products/4766961551?NaPm=ct%3Dlx4pnsu7%7Cci%3Dcheckout%7Ctr%3Dppc%7Ctrx%3Dnull%7Chk%3D78b40d7009bde36d59bd8fafc7d603465f52e8be 닌자87 v2 RGB DIY키트 핫스왑 기계식키보드 커스텀키보드 : 몬스타기어#닌자87 #커스텀키보드 #축교체 #기계식키보드 #데빌스킬 #닌자키보드 #측각키캡 #조립식키보드 #아크릴키보드 #닌자87RGBsmartstore.naver.com 판..

tsc 로 컴파일할때 항상 ts 파일만 컴파일하지는 않는다. ts + js 가 섞인 프로젝트에서 allowJS 옵션을 통해 js 파일도 tsc input으로 사용될 수 있다. 그러나 이렇게 js 를 tsc 인풋으로 사용할 때는 일부 오류들이 표시되지 않아 문제를 인식할 수 없다. 그 중 얼마 전 발견한 하나의 케이스를 소개한다. iterator + for-of  iterator는 iterable(반복 가능) 한 객체로 Array, Map 도 iterable 객체다. iterable 객체는 for-of 를 이용해 순회 가능하다. for (const str of ['1', '2']){ console.log(str);} 이런식으로 of 뒤에 iterable 객체를 두고, of 앞의 변수에 할당하여 반복한다...

가성비 키보드로 유명한 AULA F87 PRO, 일명 독거미 키보드를 구매했다. 쿠팡같은 국내 쇼핑몰에서 해외직구 대행으로 판매하기도 하지만,직접 직구하는 것 보다 2만원 이상 비싸기도 하고 배송기간은 훨씬 길었기 때문에 직접 직구했다. 물론 국내정발판도 있지만 재고가 들어오자마자 나가는 수준이라 포기했다. Qoo10에서 해외직구 https://plus.wish.com/gmkt.inc/Goods/Goods.aspx?goodscode=925066902 구매시점(2024.05.07)에 가장 저렴한 Qoo10 에서 해외직구를 진행했고약 44000원에 구매했다.  요즘 늘어나는 해외직구 때문에 세관이 바쁘다더니 세관 통과까지 꽤나 시간이 걸렸다. 타임라인을 정리하면 다음과 같다. 05.07 구매05.12 판매자..

https://startatage30.tistory.com/12 [MongoDB] 우분투(ubuntu 20.04)에 (몽고디비)mongodb 설치 1. wget -qO - https://www.mongodb.org/static/pgp/server-6.0.asc | sudo apt-key add - 2. echo "deb [ arch=amd64, arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/6.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-6.0.list 3. sudo ap startatage30.tistory.com

웹 어플리케이션에서 데이터 패칭, 캐싱, 서버 상태와 동기화 및 업데이트(fetching, caching, synchronizing and updating server state)를 쉽게 만들어주는 library 이 포스트에서는 react-query의 기초적인 개념 몇 가지에 대해 다룬다. Installation yarn add @tanstack/react-query eslint와 함께 사용하는 것을 추천, 세팅은 아래 링크 참조 https://tanstack.com/query/latest/docs/eslint/eslint-plugin-query ESLint Plugin Query | TanStack Query Docs tanstack.com Quick Start: queryClient https://t..

const normalDoc = await MyModel.findOne(); mongoose를 이용하여 쿼리할 때 위와 같은 형태로 쿼리한다. https://mongoosejs.com/docs/index.html mongoose 의 quick start에서도 위와 같이 소개하고 있어 계속 이렇게 사용해왔지만, 클러스터링까지 사용하게 되면서 cpu, memory 사용량이 증가하여 조치를 취해야만 한다. 쿼리 시 어떤 데이터를 반환하는가? const normalDoc = await MyModel.findOne(); 이 코드를 사용했을 때 normalDoc에는 어떤 데이터가 할당될까? util.inspect와 console.log를 이용해 normalDoc을 찍어보면 { _id: 659bc8cc415b117a..