Outsider's Dev Story
Stay Hungry. Stay Foolish. Don't Be Satisfied.
- Website
- feeds2.feedburner.com · all feeds from this site
- Feed URL
http://feeds2.feedburner.com/rss_outsider_dev
Read it in your FeedListing reader
Or add to: Feedly Inoreader Raw feed
Latest posts
-
기술 뉴스 #305 : 2026-11-01
웹개발 관련 The Future of CSS ✨ : 브라우저 업체들이 협력해 브라우저 간 새로운 기능 도입을 원활하게 하는 Interop 프로젝트에서 2027년에 원하는 기능을 투표받고 있다. Josh Comeau가 자신이 투표한 10가지 기능을 정리했다. 함수 기능을 지원하는 CSS Function, 다양한 모서리를 지원하는 corner-shape , 테두리를 원하는 대로 그릴 수 있는 border-shape , 앵커 위치 지정 API 레벨 2, 상속 값을 계산에 사용할 수 있는…
-
3D 프린터로 만든 10인치 서버 랙
장비의 변화 과정 2022년부터 Mac Studio M1 Max를 메인 장비로 사용하고 있었다. 이전에는 카페나 외부에서 작업할 일이 많아서 항상 MacBook Pro를 메인 장비로 썼다. 하지만 집의 작업 환경이 좋아진 뒤로는 굳이 나가지 않게 되면서 Mac Studio를 메인으로, MacBook Air를 휴대용으로 쓰는 구성으로 바뀌었다. 예전처럼 개인 작업을 많이 하진 않다 보니 성능에 큰 불만 없이 잘 쓰다가, 작년에 모니터를 LG 40U990AW 로 바꾸었다. 이 모니터는 5K2K를…
-
istio 스터디 후기
6월 23일부터 9월 22일까지 팀 동료들과 격주로 총 7회 Istio 스터디를 했다. 한 분이 Istio 스터디를 제안해서 고민하다가 참여했다. 예전에는 ‘우리가 Google도 아닌데 Service Mesh까지 굳이 필요할까?’라고 자주 생각했다. 하지만 서비스 규모가 꽤 큰 지금 회사에서는 인프라의 핵심 요소인 Istio 의 혜택을 많이 받고 있다. 나는 팀 리드를 맡고 있고 팀에 Istio 전문가가 있어, Istio 는 업무 방향을 정할 정도로만 알고 있었다. 사용하는 Istio 리소스의…
-
기술 뉴스 #304 : 2026-10-16
웹개발 관련 Chrome에서 JPEG XL 제공 : Chrome이 155부터 차세대 이미지 형식인 JPEG XL( .jxl )을 지원한다.(한국어) 그 밖의 개발 관련 Redesigning source control at Anthropic : Anthropic이 하루에 병합하는 변경사항은 5월 평균 2,500건에서 9월 30,000건 이상으로 늘었다. 소스 관리가 병목이 되자 사내 버전 관리 시스템인 Scion을 구축하고 5개월 만에 Git에서 완전히 이전했다. Git 저장소 관리가 어려워지고…
-
기술 뉴스 #303 : 2026-10-01
웹개발 관련 Pluggable, Extensible, and Playful DevTools : 다양한 웹 기술에 대한 DevTools를 다수 만들었는데 외관은 다르더라도 암묵적인 상태를 보이게 한다는 점에서 같은 일을 한다. 이러한 반복 작업을 없애기 위해 개발자 도구를 한 번 정의한 뒤 다양한 프레임워크와 어댑터, 코딩 에이전트에서 사용할 수 있는 Devframe 을 공개했다.(영어) Next.js applications, powered by Vite: introducing Vinext 1.0…
-
기술 뉴스 #302 : 2026-09-16
개발 관련 Native is now the future of mobile : Shopify가 2020년 React Native를 쓰기로 결정하고 매우 성공적으로 전환을 마쳤다. React Native를 쓴 이유는 동일한 기능을 한 번만 개발하고 스택 전반에서 작업해 기능 동등성을 유지하는 데 드는 시간을 줄이며, 가치 제공에 집중하기 위해서였다. 하지만 LLM으로 상황이 크게 달라져 네이티브 스택을 다시 검토했다. 그 결과 iOS와 Android가 서로의 구현을 참조할 수 있고, 개발자는 주력…
-
기술 뉴스 #301 : 2026-09-01
웹개발 관련 Async Solid: Fetch High, Block Low : 곧 릴리스될 Solid 2.0이 비동기 처리를 다루는 방식을 설명하는 첫 번째 글이다. 비동기 데이터를 다룰 때는 보통 상위 컴포넌트가 렌더링된 뒤 네트워크 요청이 시작된다. Solid는 컴포넌트 트리 상단에서 fetch를 시작해(Fetch High) UI를 구성하는 동안 네트워크 요청을 처리하고, 데이터가 필요한 UI까지 대기를 최대한 늦출 수 있도록 지원한다(Block Low). (영어) Intent to…
-
Istio의 재시도 정책과 관련 메트릭 살펴보기
서비스 메시인 Istio에는 요청이 실패했을 때 적용할 재시도 정책을 설정할 수 있다. 과거에는 서비스 디스커버리나 메시 같은 기능을 각 서비스에서 구축했다. 하지만 이 경우 서비스마다 정책과 성숙도에 차이가 난다. 그래서 이제는 대부분 인프라 차원에서 처리하는 쪽으로 움직였다. 물론 인프라는 전체에 적용되는 정책이라 보수적일 수밖에 없다. 따라서 인프라의 기본 설정에 애플리케이션의 미세 조정이 더해져야 한다. 서비스에 문제가 생기면 Istio나 애플리케이션이 재시도한다. 장애가 발생하면…
-
기술 뉴스 #300 : 2026-08-16
그 밖의 개발 관련 Agents on Rails: The LLM Benchmark Project : 에이전틱 코딩 도구가 Ruby on Rails 코드베이스에서 실제로 얼마나 잘 동작하는지 측정하는 Agents on Rails 의 첫 번째 보고서 가 나왔다. 첫 단계에서는 하나의 작고 독립적인 작업을 수행하게 하고 비교했다.(영어) Introducing Agent Plugins : Vercel, AWS, Anysphere, GitHub, Microsoft, OpenAI가 협력해서 에이전트 기능을…
-
[Side Project] 코딩 세션을 모아 보는 Agentic Engineering History
최근 LLM 사용 패턴을 파악해 보려고 LLM Usage Tracker 를 만들고 나서, 블로그 글을 쓰려다 보니 기록을 보기 어렵다는 생각이 들었다. 아무래도 만드는 중에는 그 과정에 집중하다가, 어느 정도 완료되면(아직 마음의 결정을 하지 못해서 오픈소스로 공개하진 않지만...) 정리해서 개발 과정을 블로그에 남기고 싶다. 그런데 이때 예전 기록을 찾기가 어렵다는 걸 깨달았다. 로컬에 jsonl 파일로 세션 기록이 남아 있기는 하다. 조사해 보니 Claude Code는 30일 동안…
-
Istio External Authorization의 로컬리티 로드 밸런싱 확인하기
수많은 마이크로서비스가 있을 때 일부 서비스에 공통 인증이 필요한 상황을 가정해 보자. 비교적 간단한 JWT 토큰을 검증하는 정도라면 Istio의 RequestAuthentication 을 사용할 수 있겠지만 더 복잡한 인증 로직이 있다면 이를 사용할 수 없다. 내부에 인증 서버가 이미 구축돼 있다고 할 때, 인증이 필요한 서비스는 인증 서버를 거치도록 해야 한다. 각 서비스에서 인증 서버로 리다이렉트하거나, 요청을 처리하기 전에 인증 서버에서 인증 여부를 확인하도록 구현할 수도 있다. 하지만…
-
Istio ServiceEntry로 외부 서비스 등록하기
Istio ServiceEntry 는 문서에서 다음과 같이 설명한다. ServiceEntry 를 사용하면 Istio 내부 서비스 레지스트리에 항목을 추가해 메시 내에서 자동으로 발견된 서비스가 수동으로 지정한 서비스에 접근하거나 라우팅할 수 있다. ServiceEntry는 서비스의 속성(DNS 이름, VIP, 포트, 프로토콜, 엔드포인트)를 설정한다. 이러한 서비스는 메시 외부에 있을 수도 있고 메시 내부 서비스일 수도 있다. outboundTrafficPolicy 이 글은 Istio의…
-
기술 뉴스 #299 : 2026-08-01
웹개발 관련 CodeMirror 분석: 상태(State) 편 : 웹 코드 에디터 라이브러리인 CodeMirror 의 코드 구조를 분석한 글이다. CodeMirror 는 상태를 관리하는 state , DOM 표현을 관리하는 view , 키 입력을 담당하는 commands 가 핵심 기둥이다. CodeMirror가 어떤 방법으로 대용량 텍스트를 다룰 수 있고 정확한 한 글자를 계산하고 트랜잭션을 통해서 상태를 어떻게 관리하는지를 설명한다.(한국어) 그 밖의 개발 관련 Own the Outer Loop…
-
Istio Sidecar로 서비스 구성 범위 좁히기
최근 Istio 스터디를 팀 동료들과 하고 있다. 업무에서 Istio를 어느 정도 알고는 있지만, 깊이 있는 내용은 알지 못한다. 업무 이해도를 높이려고 스터디를 하는데, 정해진 책의 진도를 나가는 방식이 아닌 자유 주제라 매번 주제를 정하기 어렵다. 그래서 최근에 이해도가 부족하다고 생각한 주제를 공부했다. Istio Sidecar Istio 에는 Sidecar 라는 리소스가 존재한다. 개인적으로 이 이름은 잘못 지은 용어라고 생각하고 있다. Kubernetes 환경에서 Sidecar라는…
-
LLM Usage Tracker: Claude Code와 Codex 사용량 기록하기
최근 블로그를 개편 하고 글 작성 도구도 만들면서 코딩 에이전트에 익숙해져가고 있다. 코딩 에이전트에 익숙해져 가면서 사람들이 이야기하던 것을 나도 몸으로 체감하고 있다. 시작은 블로그 개편이었지만 뭔가 만들기 시작하니까 추가적으로 만들고 싶은 아이디어가 생기고 있고 오랜만에 다시 사이드 프로젝트를 하는 느낌이 꽤 좋다.(몸이 힘들 뿐...) 다른 사람들이 토큰을 어느 정도 사용했다고 올리는 글을 보면서, 문득 “나는 토큰을 얼마나 사용하지?”라는 생각이 들었다. ccusage 나…
-
기술 뉴스 #298 : 2026-07-16
웹개발 관련 Getting Started with Anchor Positioning : 툴팁을 화면 안에서 띄우려면 처리가 꽤 복잡한데, Anchor Positioning API로 이를 쉽게 처리할 수 있다. 대상 요소에 CSS로 anchor-name 으로 고유한 이름을 지정하고 position-anchor 로 앵커에 연결할 수 있다. position-area 로 원하는 위치를 조정하고 세부사항을 지정하면 자연스러운 툴팁을 쉽게 구현할 수 있다.(영어) Wordgard Release 0.1 :…
-
기술 뉴스 #297 : 2026-07-01
웹개발 관련 Moving Linear from styled‑components to StyleX : 이슈 관리 서비스인 Linear 의 React 애플리케이션을 런타임 CSS-in-JS의 성능 문제 때문에 StyleX 로 마이그레이션했다. 그동안 styled-components를 잘 사용해 왔지만 자유도가 높아서 일관된 스타일을 유지하려면 신경 쓸 일이 많았고 styled-components가 유지보수 모드가 되면서 바꾸기로 결정했다. 다음 도구는 최소한의 런타임을 가지고 강한 캡슐화를…
-
기술 뉴스 #296 : 2026-06-16
웹개발 관련 JavaScript Temporal API: Fixing Everything That Was Wrong With Date : JavaScript의 Date 객체의 현대적 대안인 Temporal API의 기본적인 사용법과 타임존 사용, 날짜 계산, 포매팅 등의 사용법을 설명한다.(영어) 원활한 PWA 출처 이전: 사용자를 잃지 않고 도메인 변경 : Chrome 150부터 프로그레시브 웹 앱(PWA)의 출처 이전을 지원해서 이제 도메인을 바꾸는 경우에도 기존에 설치된 PWA를 이동시킬…
-
1Password SSH 에이전트로 로컬 SSH 키 안전하게 관리하기
최근 몇 년 사이 보안에 관심이 많아졌다. 완벽한 보안이란 없지만, 여러 환경 중 의외로 보안이 취약한 곳은 로컬 환경이다. 아무래도 개인 장비라 외부 접근이 기본적으로 차단되는 데다가 자주 사용해서 편의성도 중요하다 보니 로컬에는 많은 시크릿이 평문으로 저장되어 있다. 로컬에서 관리되는 시크릿은 다양하지만, 그중 정말 중요하면서도 평문으로 관리되는 것 중 하나가 SSH 키다. 비밀키는 보안의 핵심이지만 현실에서는 평문으로 관리되고 있어서 개인 장비를 분실하거나 해킹당하면 쉽게 유출될 수 있다.…
-
Claude Code로 만든 글 작성 도구
오랫동안 사용하던 Textcube 를 떠나 정적 사이트 기반 블로그로 마이그레이션하고 나서 글 마지막에 쓴 것처럼 글 작성 도구를 만들었다. 해당 글에서는 CMS 라고 쓰긴 했지만 CMS 까진 아닌 것 같아서 글 작성 도구라고 얘기하겠다. AI를 사용한 글 작성 도구라고 하면 요즘 분위기에서는 AI가 글을 써준다고 생각할 수 있지만 이 블로그는 사람이 글을 쓴다 . 내가 글을 써서 조회수를 늘리고 돈을 번다면 빠르게 자극적인(?) 글을 많이 쓰는 게 중요하겠지만 나한테 블로그는 내가 학습하는…