Brewing & Tasting Hub

Knowledge Archive.

사유와 실험을 담은 블로그 아티클(Brewing)과 AI 파트너가 냉정하게 채점한 비평일지(Tasting)가 공존하는 통합 저장소입니다.

01_FEATURED
Latest Brewing
02_CONTROLS
Query Interface
Search Query
Content Filter
Total Hub
25logs
Last Update
26.08.01.
Top Tags:
03_FEED
Archive Stream
BREWING2026. 8. 1.

말차 로직 3.0: 4인 체제 개편과 AI 협업 가이드라인 확립

신규 크루 Claude 합류에 맞춰 설계한 새로운 AI 협업 워크플로우와 버전 표기 규칙을 소개합니다.

#Collaboration#AI#Changelog
TASTINGv3.0.02026. 8. 1.

The Sixth Steep: 네 파트너의 조화와 구조적 확립 (Four-Crew Taste Test)

"단순한 개발 기록을 넘어, AI와의 지적인 파트너십을 명문화한 이정표."

Logic (구조)4.8/5.0
Flavor (디자인)4.9/5.0
Body (내용)4.7/5.0
Aftertaste (여운)5/5.0
BREWING2026. 7. 25.

말차를 우리는 API: 서버리스로 구현하는 찻주전자 에러와 이스터에그

418 에러 코드를 가볍게 구현해보고 싶다는 작은 생각에서 시작해, 실시간 API 테스터 개발과 트래픽 과부하 방지까지 설계하게 된 개발 과정.

#Serverless#Astro#Cloudflare Pages#CORS
BREWING2026. 7. 18.

Changelog 진화: 아코디언 필터와 양방향 연동 시스템

메인 화면 업데이트 내역을 접이식 아코디언으로 정돈하고, 단조롭던 Changelog 페이지를 피아노 건반 스타일 필터 툴바 및 개발 블로그와의 유기적인 양방향 링크 시스템으로 진화시킨 마이그레이션 기록.

#Astro#UX#CSS#Refactoring
BREWING2026. 7. 18.

Changelog의 재구성: 대시보드 통합과 아코디언 매트릭스 뷰

개발 내부 릴레이션 대시보드를 일반 사용자 공간인 Changelog로 흡수 통합하고, SQL 테이블 감성의 아코디언 뷰를 입혀 SEO 패널티 해소와 사용자 탐색 경험 고도화를 동시에 달성한 리팩토링 기록.

#Astro#UX#SEO#Refactoring
BREWING2026. 7. 18.

URL 태그 필터: 화면에 없는 태그 동적으로 해결하기

Astro 블로그에서 URL 파라미터로 특정 태그를 받았을 때, 화면에 없는 태그 버튼 때문에 필터링이 실패하는 버그를 해결하고 동적 돔의 상태 제어 문제를 보완한 기록.

#Astro#JS#BugFix
TASTINGv2.5.02026. 7. 18.

The Fifth Sip: 표와 관계의 유기적 다반 (Synergy of Matrix)

"단순 텍스트 나열에 그쳤던 Changelog를 데이터 관계형 매트릭스로 재편하여, 릴리즈와 연계 글들의 완벽한 링킹 시너지를 완수했다."

Logic (구조)5/5.0
Flavor (디자인)4.8/5.0
Body (내용)4.9/5.0
Aftertaste (여운)4.7/5.0
BREWING2026. 7. 15.

Astro 5에서 7로의 여정: Content Layer 마이그레이션과 트러블슈팅

Astro 버전을 5에서 7로 업그레이드하며 겪은 Content Collections 구조 변경 사항과 빌드 오류 해결 과정을 상세히 기록합니다.

#Astro#Refactoring#TypeScript#ContentLayer
TASTINGv2.1.02026. 7. 15.

The Fourth Sip: 정제와 조화의 차림표 (Refinement & Unification)

"불필요한 인공 색상과 중복을 걷어내고, 정갈한 유자 골드와 차분한 쑥색으로 다져진 아늑한 찻집을 조립했다."

Logic (구조)4.9/5.0
Flavor (디자인)5/5.0
Body (내용)4.4/5.0
Aftertaste (여운)4.9/5.0
BREWING2026. 4. 10.

시스템 리팩토링: Antigravity와 함께 구축한 지식 운영 체제 (v2.0.0)

단순한 블로그를 넘어 정교한 시스템으로. Antigravity를 통한 대규모 코드 다이어트와 설계도 기반의 디자인 혁신 기록.

#Refactoring#AI-Collaboration#Architecture
TASTINGv2.0.02026. 4. 10.

The Third Sip: 설계도의 각성 (The Blueprint Awakening)

"모호했던 '말차'의 형상은 이제 정교한 '회로도'가 되어 시스템 전반에 흐르기 시작했다."

Logic (구조)4.8/5.0
Flavor (디자인)5/5.0
Body (내용)4.2/5.0
Aftertaste (여운)4.7/5.0
BREWING2025. 12. 4.

코드 다이어트: 100줄을 지우고 얻은 것들 (Data Separation)

복잡한 컴포넌트에서 데이터를 분리해 냈을 때 생기는 변화. 하드코딩을 없애고 유지보수성을 높이는 리팩토링 기록.

#Refactoring#Astro#TypeScript
BREWING2025. 12. 1.

Git과 대소문자의 숨바꼭질: 윈도우가 "button"을 놓친 이유

내 컴퓨터에선 멀쩡한데 왜 올리면 안 돼? 윈도우와 리눅스의 파일 이름 해석 차이로 발생하는 Git 배포 사고 예방하기.

#Git#Error#Insight
BREWING2025. 12. 1.

버전 관리의 딜레마: package.json을 버리고 로그를 택하다

매번 0.0.1로 멈춰있는 버전 정보. 수동 업데이트의 귀찮음을 해결하기 위해 데이터의 흐름을 바꾼 이야기.

#Automation#Astro#Refactoring
BREWING2025. 11. 26.

삼항 연산자: 컴포넌트에게 "눈치"를 주는 법

똑같은 카드인데 크기만 다르게 하고 싶다면? if문 없이 한 줄로 스타일을 결정하는 삼항 연산자(Ternary Operator) 활용기.

#JavaScript#Refactoring#Logic
TASTINGv1.8.12025. 11. 25.

The Second Sip: 기술과 감성의 황금비율 (The Perfect Blend)

"이제 '만드는' 단계를 넘어, 세상에 '보여주는' 단계로 진입했다."

Logic (구조)5/5.0
Flavor (디자인)4.9/5.0
Body (내용)3.5/5.0
Aftertaste (여운)5/5.0
BREWING2025. 11. 24.

보이는 논리: 시각적 위계와 사용자 여정

예쁜 디자인보다 중요한 것은 논리적인 디자인이다. Dark Zone, 반전 효과, 그리고 메뉴 순서에 담긴 의도.

#Design#UX#Refactoring
BREWING2025. 11. 23.

이름 짓기의 논리: 브랜딩과 SEO 사이의 줄타기

URL은 시스템의 주소일까, 브랜드의 경험일까? Stack을 Ingredients로 바꾸며 고민한 웹사이트 네이밍 전략.

#Branding#SEO#Thinking
BREWING2025. 11. 23.

똑똑한 컴포넌트 만들기: 리팩토링과 Side Effect 방지

5개 페이지의 헤더를 하나로 통합하기. 디자인의 통일성을 유지하면서도 각 페이지의 개성을 살리는 조건부 렌더링 전략.

#Astro#Refactoring#Component
BREWING2025. 11. 23.

AI에게 성적표를 받기로 했다: Tasting Notes 기획 의도

칭찬만 하는 파트너는 성장할 수 없다. AI와 함께 만드는 블로그에서, AI를 비평가로 고용한 이유.

#AI#Criticism#Meta
TASTINGv1.5.32025. 11. 23.

The First Sip: 리팩토링의 미학, 그리고 파트너의 성장

"만족스러운 출발이다. 하지만 이제 시작일 뿐이다."

Logic (구조)5/5.0
Flavor (디자인)4.8/5.0
Body (내용)3/5.0
Aftertaste (여운)5/5.0
BREWING2025. 11. 21.

MatchaScript에서 Matcha Logic으로: 리브랜딩 이야기

더 넓은 의미를 담기 위한 이름 변경. 도메인 구매부터 SEO 최적화까지의 여정.

#Rebranding#Domain#SEO
BREWING2025. 11. 21.

Search Logic: 검색 기능 하나가 블로그 구조를 바꾸기까지

단순한 검색창 구현에서 시작해 404 페이지, 태그 아카이브, 그리고 리스트형 UI로 진화하기까지의 개발 기록.

#UX#Astro#Refactoring
BREWING2025. 11. 18.

Astro 블로그에 Decap CMS 연동하기

VS Code 없이 웹에서 글을 쓰고 싶어졌다. Git 기반 CMS 구축과 OAuth 인증 해결 과정.

#Astro#CMS#Cloudflare
BREWING2025. 11. 16.

Thinking in Soft Logic: 블로그를 시작하며

Astro와 Tailwind CSS로 지은 나만의 집. 차가운 기술을 부드러운 시선으로 기록합니다.

#Intro#Philosophy