기술 뉴스 #303 : 2026-10-01
웹개발 관련Pluggable, Extensible, and Playful DevTools : 다양한 웹 기술에 대한 DevTools를 다수 만들었는데 외관은 다르더라도 암묵적인 상태를 보이게 한다는 점에서 같은 일을 한다. 이러한 반복 작업을 없애기 위해 개발자 도구를 한 번 정의한 뒤 다양한 프레임워크와 어댑터, 코딩 에이전트에서 사용할 수 있는...
View Article기술 뉴스 #302 : 2026-09-16
개발 관련Native is now the future of mobile : Shopify가 2020년 React Native를 쓰기로 결정하고 매우 성공적으로 전환을 마쳤다. React Native를 쓴 이유는 동일한 기능을 한 번만 개발하고 스택 전반에서 작업해 기능 동등성을 유지하는 데 드는 시간을 줄이며, 가치 제공에 집중하기 위해서였다. 하지만...
View Article기술 뉴스 #301 : 2026-09-01
웹개발 관련Async Solid: Fetch High, Block Low : 곧 릴리스될 Solid 2.0이 비동기 처리를 다루는 방식을 설명하는 첫 번째 글이다. 비동기 데이터를 다룰 때는 보통 상위 컴포넌트가 렌더링된 뒤 네트워크 요청이 시작된다. Solid는 컴포넌트 트리 상단에서 fetch를 시작해(Fetch High) UI를 구성하는 동안 네트워크...
View ArticleClik here to view.
Istio의 재시도 정책과 관련 메트릭 살펴보기
서비스 메시인 Istio에는 요청이 실패했을 때 적용할 재시도 정책을 설정할 수 있다. 과거에는 서비스 디스커버리나 메시 같은 기능을 각 서비스에서 구축했다. 하지만 이 경우 서비스마다 정책과 성숙도에 차이가 난다. 그래서 이제는 대부분 인프라 차원에서 처리하는 쪽으로 움직였다. 물론 인프라는 전체에 적용되는 정책이라 보수적일 수밖에 없다. 따라서 인프라의...
View Article기술 뉴스 #300 : 2026-08-16
그 밖의 개발 관련Agents on Rails: The LLM Benchmark Project : 에이전틱 코딩 도구가 Ruby on Rails 코드베이스에서 실제로 얼마나 잘 동작하는지 측정하는 Agents on Rails의 첫 번째 보고서가 나왔다. 첫 단계에서는 하나의 작고 독립적인 작업을 수행하게 하고 비교했다.(영어)Introducing Agent...
View ArticleClik here to view.
[Side Project] 코딩 세션을 모아 보는 Agentic Engineering History
최근 LLM 사용 패턴을 파악해 보려고 LLM Usage Tracker를 만들고 나서, 블로그 글을 쓰려다 보니 기록을 보기 어렵다는 생각이 들었다. 아무래도 만드는 중에는 그 과정에 집중하다가, 어느 정도 완료되면(아직 마음의 결정을 하지 못해서 오픈소스로 공개하진 않지만...) 정리해서 개발 과정을 블로그에 남기고 싶다. 그런데 이때 예전 기록을 찾기가...
View ArticleClik here to view.
Istio External Authorization의 로컬리티 로드 밸런싱 확인하기
수많은 마이크로서비스가 있을 때 일부 서비스에 공통 인증이 필요한 상황을 가정해 보자. 비교적 간단한 JWT 토큰을 검증하는 정도라면 Istio의 RequestAuthentication을 사용할 수 있겠지만 더 복잡한 인증 로직이 있다면 이를 사용할 수 없다.내부에 인증 서버가 이미 구축돼 있다고 할 때, 인증이 필요한 서비스는 인증 서버를 거치도록 해야...
View ArticleIstio ServiceEntry로 외부 서비스 등록하기
Istio ServiceEntry는 문서에서 다음과 같이 설명한다.ServiceEntry를 사용하면 Istio 내부 서비스 레지스트리에 항목을 추가해 메시 내에서 자동으로 발견된 서비스가 수동으로 지정한 서비스에 접근하거나 라우팅할 수 있다. ServiceEntry는 서비스의 속성(DNS 이름, VIP, 포트, 프로토콜, 엔드포인트)를 설정한다. 이러한...
View Article기술 뉴스 #299 : 2026-08-01
웹개발 관련CodeMirror 분석: 상태(State) 편 : 웹 코드 에디터 라이브러리인 CodeMirror의 코드 구조를 분석한 글이다. CodeMirror는 상태를 관리하는 state, DOM 표현을 관리하는 view, 키 입력을 담당하는 commands가 핵심 기둥이다. CodeMirror가 어떤 방법으로 대용량 텍스트를 다룰 수 있고 정확한 한...
View ArticleClik here to view.
Istio Sidecar로 서비스 구성 범위 좁히기
최근 Istio 스터디를 팀 동료들과 하고 있다. 업무에서 Istio를 어느 정도 알고는 있지만, 깊이 있는 내용은 알지 못한다. 업무 이해도를 높이려고 스터디를 하는데, 정해진 책의 진도를 나가는 방식이 아닌 자유 주제라 매번 주제를 정하기 어렵다. 그래서 최근에 이해도가 부족하다고 생각한 주제를 공부했다.Istio SidecarIstio에는...
View ArticleClik here to view.
LLM Usage Tracker: Claude Code와 Codex 사용량 기록하기
최근 블로그를 개편하고 글 작성 도구도 만들면서코딩 에이전트에 익숙해져가고 있다. 코딩 에이전트에 익숙해져 가면서 사람들이 이야기하던 것을 나도 몸으로 체감하고 있다.시작은 블로그 개편이었지만 뭔가 만들기 시작하니까 추가적으로 만들고 싶은 아이디어가 생기고 있고 오랜만에 다시 사이드 프로젝트를 하는 느낌이 꽤 좋다.(몸이 힘들 뿐...)다른 사람들이 토큰을...
View Article기술 뉴스 #298 : 2026-07-16
웹개발 관련Getting Started with Anchor Positioning : 툴팁을 화면 안에서 띄우려면 처리가 꽤 복잡한데, Anchor Positioning API로 이를 쉽게 처리할 수 있다. 대상 요소에 CSS로 anchor-name으로 고유한 이름을 지정하고 position-anchor로 앵커에 연결할 수 있다. position-area로...
View Article기술 뉴스 #297 : 2026-07-01
웹개발 관련Moving Linear from styled‑components to StyleX : 이슈 관리 서비스인 Linear의 React 애플리케이션을 런타임 CSS-in-JS의 성능 문제 때문에 StyleX로 마이그레이션했다. 그동안 styled-components를 잘 사용해 왔지만 자유도가 높아서 일관된 스타일을 유지하려면 신경 쓸 일이 많았고...
View Article기술 뉴스 #296 : 2026-06-16
웹개발 관련JavaScript Temporal API: Fixing Everything That Was Wrong With Date : JavaScript의 Date객체의 현대적 대안인 Temporal API의 기본적인 사용법과 타임존 사용, 날짜 계산, 포매팅 등의 사용법을 설명한다.(영어)원활한 PWA 출처 이전: 사용자를 잃지 않고 도메인 변경 :...
View ArticleClik here to view.
1Password SSH 에이전트로 로컬 SSH 키 안전하게 관리하기
최근 몇 년 사이 보안에 관심이 많아졌다. 완벽한 보안이란 없지만, 여러 환경 중 의외로 보안이 취약한 곳은 로컬 환경이다. 아무래도 개인 장비라 외부 접근이 기본적으로 차단되는 데다가 자주 사용해서 편의성도 중요하다 보니 로컬에는 많은 시크릿이 평문으로 저장되어 있다.로컬에서 관리되는 시크릿은 다양하지만, 그중 정말 중요하면서도 평문으로 관리되는 것 중...
View ArticleClik here to view.
Claude Code로 만든 글 작성 도구
오랫동안 사용하던 Textcube를 떠나 정적 사이트 기반 블로그로 마이그레이션하고 나서글 마지막에 쓴 것처럼 글 작성 도구를 만들었다. 해당 글에서는 CMS라고 쓰긴 했지만 CMS까진 아닌 것 같아서 글 작성 도구라고 얘기하겠다.AI를 사용한 글 작성 도구라고 하면 요즘 분위기에서는 AI가 글을 써준다고 생각할 수 있지만 이 블로그는 사람이 글을 쓴다....
View ArticleClik here to view.
GitHub은 금을 캐는 대신 청바지를 팔아야 한다
그동안 내 블로그를 본 사람은 알 수도 있겠지만 나는 GitHub을 좋아한다. 내 커리어 내내 GitHub은 내 로망과도 같았고, GitHub의 제품 역량이 놀라워서 그 어떤 빅테크보다도 GitHub에서 일하는 순간을 꿈꿨다. GitHub 직원만 만나도 반가웠다. 우리 집에는 GitHub SWAG만 모아 놓은 공간이 있을 정도이고, 딱히 하는 건 없지만...
View Article기술 뉴스 #295 : 2026-06-01
웹개발 관련CSS vs. JavaScript : 애니메이션을 CSS와 JavaScript로 구현했을 때의 차이점을 데모로 보여준다. 공이 움직이는 간단한 애니메이션은 실제 성능 차이가 거의 없다. 다만 자바스크립트는 메인 스레드에서 실행되므로, 메인 스레드가 바쁘면 자바스크립트 애니메이션 동작이 멈춘다. Motion이나 GSAP 같은 라이브러리와 비교하면,...
View ArticleClik here to view.
Textcube를 떠나며...
이 블로그를 2007년부터 시작했으니 어느새 20년에 가까워졌다. 그동안 Textcube로 운영해 왔는데 이번에 블로그를 Textcube에서 정적 사이트로 마이그레이션했다.처음에는 테터툴즈로 설치만 했다가 이후에 텍스트큐브로 바꿨던 걸로 기억한다. 언제 바꾸었는지까진 기억나지 않지만 내 개발 커리어에서 가장 잘한 결정은 개발 블로그를 시작한 것이다....
View ArticleClik here to view.
블로그를 정적 사이트로 바꿨습니다
이전 글에도 종종 얘기했지만, 코딩 에이전트에 많이 익숙한 편은 아니다. 가장 큰 이유는 예전처럼 집에서 코딩을 많이 하고 있지 않다 보니 코딩 에이전트와 친해질 시간이 별로 없었다. 예전에는 사이드 프로젝트 아이디어가 너무 넘쳐나서 문제였는데 언젠가부터 아이디어가 별로 없거나 아이디어의 규모가 커서 쉽게 시작하지 못하고 있었다. 그렇다고 나도 쓰지 않을...
View Article
![[전병협의 재난안전 인문학] 풍요로운 사회에서 더 복잡해지는 위험](http://www.breaknews.com/imgdata/breaknews_com/202610/2026100419463833.png)
