hsb.horse
최신
변경 로그- @hsblabs/web-stream-extras를 npm에 publish하면서 막혔던 것들 전부
수동 publish에서 GitHub Actions + npm Trusted Publisher로 이전할 때 실제로 겪은 실패를 시간 순서대로 정리했다. provenance 422, 태그와 버전 순서, publish 전 검증까지.
- AWS Cross-Region VPC Peering 失敗ログ
大阪と東京のVPCピアリング設定でハマった。--peer-region忘れでfailed状態になり、削除もできなくなった件。
- Astro 프로젝트에 개발 전용 Live 에디터 구현하기
Astro에서 개발 모드 전용 브라우저 에디터를 구현하는 방법. Vite 미들웨어와 React를 사용하여 프로덕션 빌드에 전혀 영향을 주지 않으면서 개발 중 콘텐츠 관리를 편리하게 만드는 절차를 정리.
- 웹 엔지니어가 생각하는 모바일 앱 설정 관리: 시작 시 메타데이터 가져오기 접근법
웹 프론트엔드와 인프라 경험에서 모바일 앱 도메인 관리 및 버저닝 과제를 정리합니다. CloudFront+S3를 활용한 시작 시 메타데이터 가져오기 방식을 제안하고, Firebase Remote Config 등의 기존 솔루션과의 비교도 함께 살펴 봅니다.
- Biome npm-scripts 설정
Biome 도입 시 설정하는 npm-scripts의 정석 패턴. lint와 format을 check 명령어로 실행한다.
- CloudFormation 템플릿에서 parameter.json 생성하기
aws cloudformation validate-template 과 jq 를 조합하여, 환경 변수를 반영한 parameters.json 을 자동 생성하는 스니펫.
- CSS href 속성 선택자 사용법
a 요소의 href 속성에 대해 전방 일치·후방 일치·부분 일치 등의 속성 선택자를 사용하는 CSS 스니펫.
- gzip 커맨드 치트시트
파일 압축·압축 해제·옵션 지정 등, gzip 커맨드의 기본적인 사용법을 정리한 스니펫.
- 이미지 확장자 정규식
파일명에서 이미지 형식을 판별하는 JavaScript/TypeScript 정규식 패턴. png, webp, jpg, jpeg, avif, gif 지원.