자동 블로그 포스트
src/posts에 저장된 글을 자동으로 렌더링합니다.
AI가 추천한 패키지, 믿어도 될까? 슬롭스쿼팅: AI 환각이 만들어낸 치명적인 공급망 공격
타이포스쿼팅(Typosquatting)은 개발자의 오타를 노립니다. 하지만 슬롭스쿼팅(Slopsquatting)은 당신의 AI 어시스턴트를 노리죠. AI 모델이 실제로는 존재하지 않는 가상의 패키지 이름을 뱉어내면, 공격자는 그 이름을 선점해 등록하고 개발자가 install 명령어를 실...
2026. 7. 29.
600개 필터가 일으킨 414 에러? .NET 10의 '숨겨진' QUERY 메서드로 API 한계 돌파하기!
제품 검색, 끝없이 늘어나는 필터 목록, 그리고 몇 년 만에 마주한 낯선 HTTP 상태 코드. 이런 조합은 개발자라면 누구나 한 번쯤 겪어봤을 법한 상황이죠. 필터는 늘 그랬듯이 쿼리 스트링에 들어갔습니다. 수백 개의 SKU를 담은 '필터 세트'를 누군가 저장하기 전까지는 아무 문제가 ...
2026. 7. 28.
600개 필터와 414: .NET 10에서 드디어 빛을 본 HTTP QUERY 메서드
점점 늘어나는 제품 검색 필터 목록, 그리고 정말 오랜만에 마주한 낯선 HTTP 상태 코드. 제 앞에 놓인 문제는 그리 단순하지 않았습니다. 일반적으로 필터는 쿼리 스트링에 담겨 전달되죠. 늘 그랬듯이 아무 문제 없이 작동하는 듯 보였습니다. 하지만 누군가 수백 개의 SKU를 포함하는 ...
2026. 7. 27.
브라우저 창 576개로 만든 스네이크 게임? 웹 윈도우 컨트롤, 생각보다 훨씬 강력합니다!
요즘 좀 조용했죠? 잠시 숨 고르는 시간을 가졌는데, 그렇다고 제가 여러분이 좋아하는 황당하고 기발한 웹 아이디어들을 잊어버린 건 절대 아닙니다! 오히려 더 강력한(?) 것을 들고 왔습니다. 이 아이디어는 동료와 "한 브라우저 창에서 다른 창을 제어할 수 있다는 거 알고 있어?"라고 이...
2026. 7. 26.
🤯 브라우저 윈도우 576개로 뱀 게임을? 이건 정말 정신 나간 아이디어지만... 더 대단한 가능성이 숨어있습니다!
오랜만에 글을 올리네요. 다들 제가 한동안 조용해서 혹시 저를 잊은 건 아닌지 걱정했을 수도 있겠습니다. 하지만 걱정 마세요! 웹에서 정말 기발하고, 때로는 '이게 돼?' 싶은 황당한 아이디어를 좋아하는 여러분을 절대 잊지 않았습니다. 오늘 가져온 이야기는 한 동료와 대화하던 중 불현듯...
2026. 7. 25.
Rust, 풀스택 웹개발의 게임체인저 될까? Next.js마저 긴장시킬 'Topcoat' 파헤치기
새로운 Rust 웹 프레임워크가 등장했습니다. 그 이름은 바로 Topcoat . Rust는 이미 Axum 같은 훌륭한 프레임워크 덕분에 백엔드 개발에선 견고한 선택지로 자리매김했습니다. 하지만 여전히 완전한 웹 애플리케이션을 Rust로 구축하려면 여러 라이브러리를 직접 연결하고 통합하는...
2026. 7. 24.
민감한 JWT, 이제 안심하고 디버깅! 내 토큰이 서버 밖으로 나가지 않는 유일한 툴
온라인 JWT 디버거를 써본 사람이라면 누구나 한 번쯤은 페이지 한쪽에 쓰여 있는 경고 문구를 봤을 겁니다. "절대 운영 환경 토큰을 붙여넣지 마세요!" 하지만 솔직히, 누가 그 말을 듣던가요? 토큰이 문제를 일으켜서 이 툴을 열었다면, 그 토큰은 당연히 실제 운영 중인 토큰일 테니까요...
2026. 7. 23.
Nuxt vs SvelteKit: 성능부터 개발 경험까지, 10년차 개발자의 솔직한 비교 후기!
요즘 프론트엔드 프레임워크 트렌드를 보면 항상 등장하는 단골 질문이 있죠. 'Nuxt와 SvelteKit, 과연 어떤 게 더 좋을까?' 저 역시 이 질문에 대한 답을 찾아 지난 한 주간 직접 삽질(?)하며 두 프레임워크를 심층 비교해 봤습니다. 두 프레임워크로 동일한 태스크 관리 앱을 ...
2026. 7. 22.
DEV에서 잠수 끝! 이제 스크롤 멈추고 '진짜' 동료와 커넥트할 시간
안녕하세요, DEV 동료 여러분! 토보레(Tobore)라고 합니다. 그동안 DEV에서 글을 쓰거나 다른 분들의 포스팅을 조용히 읽기만 했어요. 그런데 문득, 제가 생각보다 많은 분들과 제대로 연결되지 못하고 있다는 걸 깨달았죠. 그래서 이제 그 침묵을 깨고 여러분께 먼저 손을 내밀어 봅...
2026. 7. 21.
DEV 커뮤니티의 숨은 고수님들, 이제 우리 진짜로 소통해요!
안녕하세요, DEV 커뮤니티! 저는 토보레입니다. 여기 플랫폼에서 꽤 오랫동안 글을 쓰고, 또 다른 분들의 멋진 글을 묵묵히 읽어만 왔어요. 그런데 어느 순간, '내가 이 많은 분들 중 몇 명이나 실제로 알고 있을까?'라는 질문에 부딪히더라고요. 이제는 그 간극을 메우고 진정한 연결을 ...
2026. 7. 20.
DEV 커뮤니티 개발자/기술 작가님들, 우리 이제 '진짜' 연결할 때가 된 것 같아요!
안녕하세요 DEV 커뮤니티 여러분, 토보레(Tobore)입니다. 그동안 주로 글을 쓰고 다른 분들의 포스팅을 조용히 읽어보는 데 집중하다 보니, 사실 이곳에서 활동하는 분들 중 제가 직접 아는 분이 그리 많지 않다는 걸 깨달았습니다. 이제는 좀 더 깊이 있는 연결을 만들어나가고 싶어 이...
2026. 7. 19.
개발자 동료, 테크 라이터님들! 이제 랜선 넘어 '진짜' 인연 만들어요!
안녕하세요, DEV 커뮤니티 여러분! 저는 토보레입니다. 그동안 DEV 커뮤니티에서 글도 쓰고 다른 분들 포스팅도 조용히 지켜봐 왔지만, 문득 실제로는 많은 분과 깊이 연결되지 못하고 있다는 생각이 들었어요. 그래서 이 기회를 빌려 이 간극을 메워보려 합니다. 저는 나이지리아 포트하코트...
2026. 7. 18.
TLD (.com, .ai) 그 자체로 웹사이트가 된다? 인터넷의 숨겨진 비밀을 파헤치다!
개발자라면 Route53 같은 익숙한 서비스로 도메인을 등록해 본 경험이 있을 겁니다. seanboult.dev 처럼 원하는 이름을 고르고, 웹 서버를 띄운 다음, A 레코드를 설정하고 TLS 인증서까지 붙이면 짜잔, 바로 웹사이트가 살아 숨 쉬게 되죠! !일반적인 도메인 설정 흐름도 ...
2026. 7. 17.
유튜브 영상 하나 보고 '깨달음' 얻은 개발자들의 착각 8가지 (10년차 실무자가 속삭입니다)
안녕하세요, 10년 차 IT 실무자이자 테크 블로거, 요즘은 주로 자바스크립트와 AI 에이전트의 매력에 푹 빠져 지내는 제가 돌아왔습니다. 얼마 전 모처럼 달콤한 휴가를 다녀왔습니다만, 그 사이에도 제 머릿속엔 온갖 재미있는 글감들이 맴돌더군요. 아직 연구가 좀 더 필요한 글이라 다음 ...
2026. 7. 16.
유튜브 영상 하나 봤다고 '다 알았다'는 당신, 혹시 이 8가지 함정에 빠져있나요?
안녕하세요! 휴가 잘 보내셨나요? 저는 99%의 폴란드 사람들처럼 크로아티아에서 모처럼의 휴식을 만끽하고 돌아왔습니다. 도바르 단! 🇭🇷 지금 머릿속에는 정말 재미있는 글감이 하나 있는데, 발행 전에 조금 더 자료 조사가 필요해서 다음 주쯤에나 소개할 수 있을 것 같아요. 그 전에 ...
2026. 7. 15.
42개 채널, 하나의 브리핑: LaunchPad 개발하며 마주한 예상치 못한 버그와 생존 전략
제품을 세상에 내놓는다는 건 단순히 코드를 배포하는 것 이상의 문제입니다. 사실상 '번역'에 가깝죠. 예를 들어, Hacker News는 마케팅 냄새만 나도 바로 비난 댓글이 달리곤 합니다. X(구 트위터)는 280자라는 엄격한 글자 수 제한이 있고요. 플레이스토어는 제목 30자, 짧은...
2026. 7. 14.
20260713 012350 launching a product a translation problem
Launching a Product: A Translation Problem Launching a product is a translation problem. Hacker News punishes anything that smells like marketing. X gives you 2...
2026. 7. 13.
42개 채널 동시 출시 자동화, LaunchPad 개발기가 들려주는 버그와의 사투
제품을 출시하는 건 마치 여러 언어를 동시에 통역하는 일과 같습니다. Hacker News는 마케팅 냄새만 나도 가차 없이 깎아내리고, X(구 트위터)는 280자라는 엄격한 제약이 있죠. 플레이 스토어는 제목 30자, 짧은 설명 80자에 불과하고, 크롬 웹 스토어는 키워드를 남발한 이름...
2026. 7. 12.
틀을 깨는 개발자의 문제 해결 기록: 10년차 IT 실무자의 '언박싱' 프로젝트 일지
지난번에 이야기했던 열한 가지 이야기를 기억하시나요? 강사, 식당 주인, 우체국 직원, 개발자, 학교 보조원, 그리고 다시 개발자로 돌아오기까지, 제 경력은 단 하나의 '박스' 안에 갇히기를 거부했습니다. 그때 마지막으로 던졌던 질문은 답을 찾지 못했었죠. "이게 내 문제인가, 아니면 ...
2026. 7. 11.
틀에 갇히지 않는 IT 실무자의 기록: 진짜 문제 해결을 위한 증거들
지난번에 11가지의 증거물을 꺼내 보였습니다. 강사, 레스토랑 주인, 우체국 직원, 개발자, 학교 보조원, 다시 개발자로 이어지는, 도무지 한 가지 틀에 맞춰지지 않던 커리어였죠. 그리고 마지막에는 "이게 내 문제일까, 아니면 그 틀의 문제일까" 하는 답 없는 질문을 남겼습니다. 여전히...
2026. 7. 10.
20년 블로그 역사를 품다: 흩어진 Git 레포 3개를 하나로 묶은 모노레포 구축 실전기
제 블로그는 제가 운영하는 대부분의 도구보다 나이가 많습니다. 가장 오래된 게시물들은 2000년대 초 라이브저널(LiveJournal)에서 시작해, 2000년대 중반 워드프레스(WordPress)로 한바탕 가져오기를 거쳤고, 거의 10년간 휴고(Hugo) 사이트로 지내다가, 약 일주일 ...
2026. 7. 9.
10년차 테크 블로거의 웹 스택 탐험기: 세 개의 Git 레포가 품은 다채로운 이야기
title: 10년차 테크 블로거의 웹 스택 탐험기: 세 개의 Git 레포가 품은 다채로운 이야기 published: true description: 'mattstratton.com과 speaking.mattstratton.com 뒤편의 스택 탐험기: 두 개의 Astro 사이트와 dev...
2026. 7. 8.
내 IT 유니버스를 하나로: 20년 블로그와 복잡한 웹 생태계를 모노레포로 통합한 기술 여정
title: I Contain Multitudes (and Also Three Git Repos) published: true description: '20년 역사의 블로그 포스팅, 수십 개 강연 자료, 그리고 dev.to 콘텐츠까지. 이 모든 복잡한 IT 생태계를 하나의 모노레포로 통...
2026. 7. 7.
'삽질' 끝판왕: Google Apps Script 배포, `clasp`로 복붙 지옥에서 탈출하다!
안녕하세요, Maneshwar입니다. 저는 모든 커밋에 동작하는 Micro AI 코드 리뷰어인 git lrc를 개발하고 있습니다. GitHub에서 무료로 제공되며 소스도 공개되어 있습니다. 개발자들이 이 프로젝트를 발견할 수 있도록 git lrc에 Star를 눌러주세요. 한 번 사용해 ...
2026. 7. 6.
좋아요 0개에서 시작된 밈 엔지니어의 탄생: 좌절과 웃음으로 빚어낸 테크 유머의 힘
야근하는 개발자라면 누구나 한 번쯤 겪어봤을 겁니다. 한밤중 책상에 앉아 도저히 이해할 수 없는 에러를 뿜어내는 코드와 씨름하고, 터미널은 거의 비명을 지르다시피 온갖 경고를 뱉어내죠. 이때쯤이면 "내가 왜 이 길을 선택했을까?"라는 근원적인 질문에 맞닥뜨리게 됩니다. 그러다 문득 피드...
2026. 7. 5.
사용자가 AI 모델 망가뜨리기 전에, 개발자가 먼저 깨뜨리는 법: 적대적 테스트 101
안녕하세요, 10년 차 IT 실무자이자 테크 블로거, 마네슈와르입니다. 현재 저는 모든 커밋마다 실행되는 마이크로 AI 코드 리뷰어 git lrc 를 개발 중입니다. 이 프로젝트는 깃허브에서 무료로 공개되어 있으며, 개발자들의 발견을 돕기 위해 git lrc에 스타를 달아주시면 큰 힘이...
2026. 7. 4.
AI의 다음 행보는? "모두의 AI" 시대는 끝났다: 10년차 개발자의 혼란과 고찰
꽤 오랫동안 AI에 대해 글을 써왔지만, 솔직히 지금처럼 머릿속이 복잡하고 뭘 어떻게 생각해야 할지 모르겠는 적은 처음인 것 같습니다. 기술 발전의 속도가 갑자기 느려진 게 아닙니다. 오히려 게임의 규칙 자체가 바뀌고 있다는 강한 느낌 때문이죠. 오늘은 좀 더 가벼운 주제로 글을 쓰고 ...
2026. 7. 3.
AI, 어디로 가는가? GPT-5.6 엠바고, 개발자의 미래까지 뒤흔들 조짐
오랜 시간 인공지능 분야에 대해 글을 써왔지만, 지금처럼 뭘 어떻게 생각해야 할지 모르겠는 순간은 아마 처음일 겁니다. 기술 발전 속도가 갑자기 느려져서가 아닙니다. 이 게임의 규칙 자체가 바뀌고 있을지도 모른다는 섬뜩한 예감 때문이죠. 사실 오늘은 좀 더 가벼운 주제로 찾아뵙고 싶었습...
2026. 7. 2.
AI는 어디로 가는가? 혼돈 속 개발자의 생존 전략을 고민하다
꽤 오랫동안 AI에 대해 글을 써왔지만, 이번만큼은 정말이지 무슨 생각을 해야 할지 모르겠습니다. 기술의 발전 속도가 갑자기 둔화된 것도 아닌데, 마치 게임의 규칙 자체가 송두리째 바뀌는 듯한 느낌이랄까요. 사실 오늘은 좀 더 가벼운 주제를 다루고 싶었습니다. 하지만 지난 며칠간 머릿속...
2026. 7. 1.
AI 시대의 판도 변화: GPT-5.6 접근 제한과 개발자의 불확실한 미래
꽤 오랫동안 AI에 대해 글을 써왔지만, 지금처럼 제가 무슨 생각을 해야 할지 정말 모르겠는 순간은 처음입니다. 기술 발전 속도가 느려져서가 아닙니다. 오히려 게임의 룰 자체가 뒤바뀌고 있을지도 모른다는 느낌 때문입니다. 오늘은 좀 더 가벼운 주제로 글을 쓰려 했는데, 지난 며칠간 머릿...
2026. 6. 30.
경쟁사가 당신의 성장률을 꿰뚫어 본다? 시퀀셜 ID가 숨긴 소름 돋는 진실과 UUID 선택 가이드
제2차 세계대전 당시, 연합군에게는 막대한 비용이 드는 질문이 하나 있었습니다. 바로 "독일이 전차를 얼마나 많이 생산하고 있는가?"였죠. 그 질문에 답할 마땅한 방법이 없었습니다. 공식적인 방법은 스파이를 심고, 무선 교신을 가로채고, 그리고 이런저런 추측을 동원하는 것이었습니다. 하...
2026. 6. 29.
ES2026, 자바스크립트에 이런 기능까지? 10년차 실무자가 기대하는 7가지 업데이트와 2가지 희망사항
2주 전, '앞으로는 가볍고 쉬운 글만 쓰겠다'고 (스스로에게) 다짐했던 제가 기억납니다. 음… 그 약속을 깨버렸네요 😅 지난주에는 개발자들이 가장 피하고 싶은 주제 중 하나인 레거시 애플리케이션에 대한 방대한 글을 발행했죠. 그럼에도 불구하고 DEV 편집팀이 좋게 봐주셨는지, 주간 ...
2026. 6. 28.
자바스크립트 개발 10년차, ES2026 신기능 7가지와 제가 목마른 2가지
두 주 전, 가볍고 쉬운 글만 쓰겠다고 약속(사실은 저 자신에게 한 약속이죠!)했던 것 기억하시나요? 음… 그 약속을 깨버렸습니다 😅 지난주에는 생각할 수 있는 가장 재미없는 주제 중 하나인 레거시 애플리케이션에 대한 엄청난 글을 발행했거든요. 그런데도 DEV 편집팀에서 좋게 봐주셨는...
2026. 6. 27.
자바스크립트 개발 10년차의 시선: ES2026 신기능 7가지와 제가 간절히 기다리는 2가지
두 주 전, 가볍고 쉬운 글만 쓰겠다고 약속했던(사실 저 자신에게 한 약속이었죠) 기억이 어렴풋이 납니다. 음… 그 약속을 깨고야 말았네요 😅 지난주에는 상상할 수 있는 가장 재미없는 주제 중 하나인 레거시 애플리케이션에 대한 방대한 글을 발행했었죠. 놀랍게도 DEV 편집팀에서 이 글...
2026. 6. 26.
AI 시대에도 JS는 진화한다! ECMAScript 2026 핵심 기능 7가지와 제가 애타게 기다리는 2가지
두 주 전, 가볍고 쉬운 글만 쓰겠다고 약속했던 제가 기억나시나요? (사실 스스로에게 한 약속이었죠 😄) 음… 그 약속을 깨버렸습니다. 지난주엔 상상할 수 있는 가장 재미없는 주제 중 하나인 레거시 애플리케이션에 대한 방대한 글을 발행했거든요. 그런데도 DEV 에디토리얼 팀은 이 글을...
2026. 6. 25.
AI 코딩 도구, '비쌀수록 좋다'는 편견에 도전하다: 2달러 미만으로 프로덕션 레벨 코드 얻기!
수년간 제 워드프레스(WordPress) 사이트들은 오픈라이트스피드(OpenLiteSpeed, OLS) 기반으로 안정적으로 운영해왔습니다. OLS는 빠른 서버 성능을 자랑하고, LSCache는 정말 인상적이었죠. OLS와 워드프레스 조합은 순수 성능 면에서 거의 따라올 적수가 없다고 봐...
2026. 6. 24.
👾 실시간 서버 로그 분석, GoAccess 하나면 끝! (Jetson Orin Nano 웹서버 운영기)
Jetson Orin Nano에 셀프 호스팅하기에서 이어지는 이야기입니다. 👽 Jetson Orin Nano 웹 서버, 그다음은? 👽 이전에 제트슨 오린 나노에 미니 웹 서버를 구축했던 글, 다들 기억하시나요? 서버가 무사히 가동되는 건 좋았지만, 문득 '과연 사람들이 얼마나 방문하...
2026. 6. 23.
🔥그림자 AI 잡고 개발 생산성은 높인다: Bifrost Edge로 MCP 서버를 완벽하게 통제하는 법
AI 기술은 더 이상 수동적인 챗봇에 머무르지 않습니다. Model Context Protocol(MCP) 서버 덕분에 Claude 같은 AI는 이제 도구를 실행하고, 파일을 읽고, 데이터베이스를 쿼리하며, 심지어 인프라와 상호작용하는 ‘행동하는 에이전트’로 진화했죠. 개발자 입장에서는...
2026. 6. 22.
삽질 끝에 찾은 해답: Jetson Orin Nano와 Ollama로 구축한 로컬 AI 서버 생존기
어디서부터 이야기를 시작해야 할지 모르겠네요. 긴 이야기지만, 모든 것은 DEV에서 열린 'finish it up a thon' 챌린지를 보고 시작됐습니다. 특정 프로젝트 하나가 머릿속에 번뜩이면서 단숨에 흥미가 돋았죠. 저는 2024년부터 govend 라는 프로젝트를 틈틈이 작업하고 ...
2026. 6. 21.
레거시 코드, 방치하면 '시한폭탄' 된다: 재작성 vs. 리팩토링, 어떤 선택이 현명할까?
이번 주부터는 좀 더 가벼운 주제를 다뤄보자고 스스로 다짐했는데, 월요일에 JSNation 컨퍼런스 여정이 공식적으로 끝났습니다. 강연에 대해선 아직 글 하나도 쓰지 못했더라고요. 기억이 생생할 때, 바로 시작해볼까요! JSNation 자체에 대해선 사실 복합적인 감정이 교차합니다. 저...
2026. 6. 20.
DEV, bunny.net으로 이미지 파이프라인 대혼란 종식! 비용 절감과 성능, 개발자 경험까지 잡은 이야기
안녕하세요, 10년 차 개발자로서 DEV와 Forem의 오픈소스 여정을 지켜봐 오셨다면, 저희가 웹 성능에 얼마나 강박적으로 집착해왔는지 잘 아실 겁니다. 예전 코드랜드(Codeland) 컨퍼런스에서는 웹사이트를 일본에서 바이럴이 될 정도로 빠르게 만드는 방법에 대해 강연하기도 했죠. ...
2026. 6. 19.
CDN 비용 폭탄 멈춰! DEV가 bunny.net으로 이미지 파이프라인을 혁신하고 아낀 엄청난 비용
안녕하세요, 10년 차 IT 실무자이자 테크 블로거 벤입니다. 만약 여러분이 DEV와 저희의 오픈소스 프로젝트 Forem의 여정을 지켜봐 오셨다면, 저희가 웹 성능에 얼마나 집착해왔는지 잘 아실 겁니다. 오래전 코드랜드(Codeland)에서 저는 "웹사이트를 일본에서 바이럴 될 정도로 ...
2026. 6. 18.
AI 의존증 탈출! 개발자의 '생각하는 힘'을 되찾아 줄 크롬 확장 프로그램: ThinkMode
AI가 개발자들에게 미치는 영향과 그 위험을 줄이기 위한 방안에 대해 여러 글을 썼던 저입니다. 오늘은 제가 직접 만들고 실험하고 있는 새로운 도구를 하나 소개해드리려 합니다. 이름하여 ThinkMode ! 이 녀석은 AI에 프롬프트를 던지기 전에 '어떤 생각 모드를 사용할 것인지' 개...
2026. 6. 17.
AI 과몰입 방지! 'ThinkMode'로 개발자의 생각 근육을 다시 깨우다
최근 AI가 개발자 생태계에 미치는 영향과 함께, 잠재적 리스크를 줄이기 위한 다양한 자료를 공유해왔죠. 오늘은 그 연장선에서 제가 직접 만들고 테스트해본 흥미로운 도구를 하나 소개해드리려고 합니다. 이름하여 ThinkMode ! ThinkMode는 AI에 프롬프트를 입력하기 전에 '생...
2026. 6. 16.
러스트에서 장고를 꿈꾸다: 풀스택 웹 프레임워크 'Runique' 개발기가 주는 실무 인사이트
장고를 써본 사람이라면 그 특유의 '감동'을 알 겁니다. 단 하나의 명령어로 관리자 패널, ORM, 폼 유효성 검사, 미들웨어, 세션 관리 등 모든 게 착착 맞춰지는 그 느낌 말이죠. 그러다 러스트로 웹 개발을 시작하면, 다시 백지상태로 돌아가 모든 조각을 직접 조립해야 하는 현실과 마...
2026. 6. 15.
AI가 짠 코드, '문제없다'고 믿는 당신에게: 10년차 개발자의 뼈아픈 경고
의사도 보지 않고 좋아하는 AI 모델이 제안하는 대로 심각한 병을 치료할 건가요? 아니면 우리 아이의 교육을 전적으로 AI에 맡길 건가요? 아마 아닐 겁니다. 그런데 왜 우리의 소중한 코드베이스는 통째로 AI에 넘겨줄 준비가 되어 있는 걸까요? JSNation이 코앞으로 다가왔고, 이전...
2026. 6. 14.
AI 코드가 잘 돌아간다고요? 10년차 개발자가 경고하는 '그럼에도 불구하고' 함정들
심각한 질병을 인공지능 모델의 제안만 믿고 치료하겠다고요? 의사도 만나지 않고 말이죠. 혹은 자녀 교육을 AI에게 전적으로 맡길 건가요? 아마 아니겠죠. 그런데 왜 우리의 소중한 코드베이스는 통째로 AI에 넘겨주려고 할까요? 마침 제가 이번에 JSNation과 프라하에서 열리는 Fron...
2026. 6. 13.
"아빠, 뭘 써야 할지는 어떻게 알았어요?" AI 시대, 개발자의 본질을 묻다
내 11살 딸 엠마는 요즘 '바이브 코딩'에 푹 빠져 지내요. 솔직히 말하면, 꽤 감각이 있습니다. 며칠 전, 제 어깨너머로 IDE 화면을 빤히 보더니 물었습니다. "아빠, 개발자들이 저 글자 하나하나를 손으로 직접 다 쓰던 때도 있었어요?" 저는 농담처럼 답했죠. "음, 한 6개월 전...
2026. 6. 12.
AI 코드는 잘 돌아가는데... 설마 터지겠어? (feat. 10년차 개발자)
심각한 질병에 걸렸을 때, 의사 진찰 없이 좋아하는 AI 모델이 제안하는 대로만 치료할 건가요? 아니면 우리 아이 교육을 AI에 온전히 맡길 수 있을까요? 아마 대부분 "아니요"라고 답할 겁니다. 그런데 왜 우리의 소중한 코드베이스는 너무나 쉽게 AI에 넘겨주려고 할까요? JSNatio...
2026. 6. 11.
진정한 타입스크립트 개발자라면 이런 경험쯤은 해봤을 겁니다 (feat. 애증의 TS)
몇 달 전, 개발자 커뮤니티를 뜨겁게 달궜던 포스팅 당신이 진짜 자바스크립트 개발자라면 이런 경험쯤은...을 기억하시나요? 솔직히 그냥 재미 삼아 올렸던 글인데, 그렇게 많은 개발자분들이 공감해 주실 줄은 저도 예상하지 못했습니다 😅. 댓글들을 보면, 우리 모두 비슷한 혼돈의 카오스를...
2026. 6. 10.
아, 이거 나잖아? 당신이 '찐' 타입스크립트 개발자라면 겪었을 공감 백서
몇 달 전, 제가 작성했던 '당신이 '진짜' 자바스크립트 개발자라면...' 포스트가 생각보다 많은 분의 공감을 얻었어요. 그저 재미로 쓴 글이었는데, 댓글들을 보니 역시 개발자라면 누구나 겪는 고난과 역경이 있더라고요. 알 수 없는 버그, 툭하면 터지는 npm 오류, console.lo...
2026. 6. 9.
20260608 021447 your app can save someone from having a panic attack a real life story
As I'm observing engineers, I notice that most of them share the same characteristic: unending loads of curiosity. You, software developers, are deeply interest...
2026. 6. 8.
Node
And some of those devs pushed to production. That's the scary part. There's this one story I keep thinking about. A junior dev — smart kid, decent portfolio — b...
2026. 6. 7.
Next.js, Node.js, Git 조합? 당신의 코드는 이미 해킹당했을 수도 있습니다 (실무자가 본 90%의 실수)
그리고 그 개발자 중 일부는 이미 프로덕션에 배포했죠. 이게 바로 정말 무서운 부분입니다. 머릿속에서 계속 맴도는 이야기가 하나 있습니다. 한 주니어 개발자가 있었죠. 똑똑하고, 포트폴리오도 꽤 괜찮은 친구였습니다. 프리랜서 클라이언트를 위해 풀스택 앱을 만들었어요. Next.js 프론...
2026. 6. 6.
Miro에 뺏긴 회고 10분, 이제 그만! ✨ 웹용 코르크보드 'PostItUp' 개발기
제가 지금까지 몸담았던 모든 IT 팀에서 늘 겪는 일이 하나 있습니다. 스프린트가 끝나면 누군가 회고(Retro) 일정을 잡고, 또 다른 누군가가 슬랙에 Miro 링크를 공유합니다. 팀원 절반은 링크를 열자마자 벽에 부딪힙니다. "뷰어 플랜이라 편집이 안 돼요", "로딩이 안 되네요",...
2026. 6. 5.
Next.js 16 캐싱, 감으로 때려잡다 7번 터지고 결국 시스템을 만들었습니다
프로덕션에서 세 번째 캐싱 장애를 겪고 나면 특유의 기분이 듭니다. 그건 단순한 공황 상태가 아닙니다. 공황보다 더 나쁜, 조용하지만 섬뜩한 깨달음이죠. '지난번 버그는 분명히 제대로 고쳤는데, 다음 버그가 어디 숨어있을지 전혀 모르겠어.' 이전에 제가 썼던 7가지 Next.js 16 ...
2026. 6. 4.
터미널에서 두 눈 뜨고 탐색! peektea, 옆자리 미리보기로 생산성 UP!
안녕하세요, 10년 차 개발자이자 테크 블로거, 마네쉬워입니다. 저는 요즘 모든 커밋마다 코드를 검토해 주는 마이크로 AI 코드 리뷰어 git lrc 를 만들고 있습니다. 이 프로젝트는 깃허브에서 소스 코드를 자유롭게 열람하고 사용할 수 있으며, 완전히 무료입니다. git lrc에 별을...
2026. 6. 3.
모두의 폰이 노래방 리모컨? 10년 차 개발자의 VKara 앱 재탄생 스토리
오랜만에 개발 블로그 글을 쓰려니 설레네요. 최근 GitHub Finish Up A Thon 챌린지에 참여하면서 잠들어 있던 사이드 프로젝트, VKara를 멋지게 부활시켰습니다. 그 과정을 여러분과 공유하고 싶어 이렇게 키보드를 두드립니다. 무엇을 만들었나 VKara 는 집에서 친구나 ...
2026. 6. 2.
폰이 리모컨이 되는 마법! 망작에서 명작으로, VKara 카라오케 앱 재탄생기
안녕하세요, 10년 차 IT 개발자이자 테크 블로거, 레지입니다. 이번 GitHub Finish Up A Thon Challenge에 참여하며 오랫동안 묵혀뒀던 프로젝트를 다시 꺼내 들었는데요. 바로 'VKara'라는 웹 기반 노래방 앱입니다. 한때는 저를 좌절시켰던 이 앱이 어떻게 부...
2026. 6. 1.
8개월 묵은 골칫덩이, GitHub 이슈 분석기! Copilot이 BugWhisperer로 환골탈태시킨 비법 대공개
안녕하세요, 10년 차 개발자이자 테크 블로거, 시므란입니다. 오늘은 제가 8개월 동안 방치했던 프로젝트를 GitHub Copilot 덕분에 마침내 완성한 이야기를 공유하려 합니다. 이름하여 BugWhisperer ! 개발팀의 고질적인 문제였던 GitHub 이슈 관리의 번거로움을 AI의...
2026. 5. 31.
8개월 묵혀둔 '애증의 프로젝트', GitHub Copilot 덕분에 드디어 완성했습니다!
안녕하세요, 10년 차 IT 실무자이자 기술 블로거입니다. 오늘은 제가 8개월 동안이나 방치했던 한 사이드 프로젝트, 'BugWhisperer'를 GitHub Copilot 덕분에 마침내 완성하게 된 이야기를 풀어보려고 합니다. 아마 실무에서 쌓아둔 아이디어를 코드로 옮기려다 벽에 부딪...
2026. 5. 30.
AI 에이전트, 코딩 생산성 80%는 혁신! 하지만 20%의 '치명적 침묵'이 시니어를 부른다
저희는 AI 에이전트들을 실시간 결제 플랫폼에 전격 도입했습니다. 결과는 놀라웠죠. 자잘하고 반복적인 작업은 정말이지 눈 깜짝할 새 처리해 버리는 겁니다. 하지만 진짜 중요한 부분, 즉 돈이 오가는 핵심 로직에서는 아무도 모르게 치명적인 구멍을 만들더군요. 지난주에 흥미로운 설문조사 결...
2026. 5. 29.
"내 북마크 5만 개로 훈련시킨 AI 봇, 생성형 AI의 본질을 파헤치다"
저는 제가 X(구 트위터)에 북마크하고 '좋아요'를 누른 수만 개의 게시물을 학습시킨 챗봇을 만들었습니다. 몇 년 동안 눈팅하고, 논쟁하고, 스크롤을 멈추게 하는 유용한 정보들을 저장해온 5만 개 정도의 데이터였죠. 원리적으로 기술적인 부분은 그렇게 복잡하지 않습니다. X에서 데이터를 ...
2026. 5. 28.
아직 마이크로서비스는 시기상조: 개발자를 위한 냉철한 현실 점검
섣부른 아키텍처 결정이 팀의 속도를 늦추고 개발 예산을 태워버리는 이유 몇 달에 한 번씩, IT 개발팀에서 똑같은 대화가 반복되는 것을 목격합니다. 새로운 프로젝트가 시작되고, 팀원들은 기대에 부풉니다. 아키텍처 논의가 시작되면 누군가 슬쩍 이런 말을 꺼냅니다. "아마 마이크로서비스로 ...
2026. 5. 27.
Vite 8 완전 정복: 실무자가 알려주는 핵심 설정 8가지 (빌드 속도 10배 비결까지!)
지난주 Vueconf US에 다녀왔습니다. 매년 꼭 참석하려 노력하는 제가 정말 좋아하는 컨퍼런스 중 하나죠. 이번 컨퍼런스에서 에반 유(Evan You)는 Vue와 툴링의 미래에 대해 강연했는데, 도중에 최근 출시된 Vite 8의 새로운 기능들을 언급했을 때 정말 깜짝 놀랐습니다. 수...
2026. 5. 26.
3개월 만에 프로덕션급 이커머스 플랫폼을? GitHub Copilot, 너 없었으면 큰일 날 뻔!
이 글은 GitHub Finish Up A Thon Challenge 제출작을 재구성한 것입니다. 제가 만든 것은요 솔직히 말씀드리자면, 처음 Commerza 개발을 시작했을 때 이걸 과연 끝낼 수 있을까 하는 의문이 더 컸습니다. 저는 파키스탄에서 온 19세 소프트웨어 공학 학생입니다...
2026. 5. 25.
Antigravity 2.0 마이그레이션? 10년 차 개발자가 '진짜' 필요한 꿀팁만 뽑았습니다!
드디어 Google Antigravity 2.0이 세상에 나왔습니다. Google I/O 2026에서 발표된 이후, 저처럼 이 소식에 가슴 설렌 분들이 많으실 겁니다. 특히 비용 효율적인 Gemini 3.5 Flash와 Claude Code, OpenAI Codex에 버금가는 스탠드얼론...
2026. 5. 24.
지긋지긋한 분리수거 고민 끝! Gemma 4로 폴란드 재활용 문제에 뛰어든 개발자의 이야기
이 장면을 떠올리면 아직도 생생해요. 엄마와 제가 같이 염색을 하고 있었죠. 손에는 염색약이 조금 남은 작은 플라스틱 병이 들려 있었고, 저는 속으로 외쳤습니다. '젠장, 이걸 어디에 버려야 하는 거야?!' 엄마에게 물어봤지만, 엄마도 전혀 모르시더군요. 염색약으로 오염되었으니 혼합 폐...
2026. 5. 23.
쓰레기통 앞에서 '어디로?' 고민 끝! Gemma 4로 만든 폴란드 AI 분리수거 비서 개발기
이 글은 Gemma 4 챌린지: Gemma 4로 빌드하기에 제출된 프로젝트입니다. 문득 잊히지 않는 장면이 하나 있어요. 엄마와 함께 머리를 염색하던 날이었죠. 손에 든 작은 플라스틱 염색약 병에는 아직 내용물이 조금 남아있었는데, 이걸 대체 어디에 버려야 할지 정말 미치겠는 거예요. ...
2026. 5. 22.
"바이브 코딩"의 유혹, 그리고 Rackula가 보여준 AI 협업의 현명한 길
"온전히 '바이브'에 몸을 맡기고, 기하급수적 성장을 받아들이며, 코드가 존재한다는 사실조차 잊어버리는 새로운 종류의 코딩이 있습니다. ... 저는 프로젝트나 웹 앱을 만들고 있지만, 사실 코딩이라기보다는 그냥 보고, 말하고, 실행하고, 복사 붙여넣기 할 뿐인데, 대부분 잘 돌아갑니다....
2026. 5. 21.
AI 코드만능주의 시대, '손맛' 담은 Rackula 개발기가 던지는 메시지
"요즘 저는 '감성 코딩'이라 부르는 새로운 방식의 코딩을 하고 있습니다. 온전히 '감성'에 몸을 맡기고, 기하급수적인 속도에 환호하며, 코드가 존재한다는 사실조차 잊어버리는 거죠. ... 저는 프로젝트나 웹 앱을 만들고 있지만, 이건 코딩이 아닙니다. 그저 뭔가를 보고, 말하고, 실행...
2026. 5. 20.
웹 개발자여, C++와 Vulkan으로 나만의 3D 엔진 심장을 만들자! 1부: Vulkan 부트스트래핑, 첫 발자국
왜 이 프로젝트가 시작되었을까요? 저는 수년간 웹 개발 분야에서 일해왔습니다. 타입스크립트, Node.js, React가 제 세상이었죠. SOLID 원칙, 어니언 아키텍처, 의존성 주입(DI), 관심사 분리(SoC) 같은 소프트웨어 아키텍처에 대한 고민을 정말 많이 했습니다. 물론 이 ...
2026. 5. 19.
웹 개발자, C++와 벌칸으로 나만의 3D 엔진 만들기: 1부. 벌칸 뼈대 세우기
왜 이 프로젝트가 시작되었을까요? 저는 수년간 웹 개발 분야에서 경력을 쌓아왔습니다. TypeScript, Node.js, React가 제 세상이었죠. SOLID 원칙, 어니언 아키텍처, 의존성 주입, 관심사 분리 같은 소프트웨어 아키텍처 원칙들을 웹 환경에서 어떻게 적용할지 끊임없이 ...
2026. 5. 18.
10년차 개발자의 깃허브 무덤에 잠든 27가지 사이드 프로젝트: 진짜 실패 이유는 따로 있었다
얼마 전 깃허브 계정을 열어 비공개 저장소 목록을 훑어봤습니다. 세어보니 정확히 27개더군요. 지난 3년간 만들어두고 결국 세상에 내놓지 못한 채 방치된 사이드 프로젝트들이었습니다. 기계 학습 기반의 습관 추적 앱도 있었고, 강아지 전용 트위터 클론도 있었죠. 어떤 건 복잡한 SaaS ...
2026. 5. 17.
100일 코딩 챌린지 완주! 삽질과 성장의 기록: 무엇을 만들고, 무엇을 깨달았나?
<kbd 최종 업데이트</kbd 100DaysOfCode 챌린지가 드디어 공식적으로 막을 내렸습니다! 물론 완벽하진 않습니다. 모든 기능이 쌩쌩 돌아가는 것도 아니고, 계획했던 모든 것을 끝마치지도 못했죠. 하지만 매일 꾸준히 책상에 앉아 코드를 쓰고, 디버깅하고, 일부는 세상에 내보내...
2026. 5. 16.
깃허브 무덤에 묻힌 27개 프로젝트, 제가 깨달은 개발의 '잔혹한 진실'
최근 제 깃허브 계정을 열어 비공개 레포지토리만 걸러내 보니, 지난 3년간 만든 사이드 프로젝트들이 정확히 27개나 되더군요. 그 모든 프로젝트들이 말 그대로 '버려진' 상태였습니다. 한참을 스크롤 내리며 과거의 열정을 회상했지만, 동시에 밀려오는 씁쓸함도 지울 수 없었습니다. 머신러닝...
2026. 5. 15.
두 개발자의 아바타 장난감, 리얼함을 넘어 '작은 엔진'이 되기까지
몇 달 전, 저와 @webdeveloperhyper는 함께 작은 사이드 프로젝트를 시작했습니다. 3D 공간에서 두 개의 VRM 아바타가 서로 대화하는 모습은 그저 흥미롭고 재미있는 장난감에 불과했죠. 솔직히 말해, 왜 안 되겠어요? 다른 나라에 사는 두 개발자가 인터넷 너머로 귀엽고도 ...
2026. 5. 14.
AI 비디오, 완벽한 1:1 정사각형 포맷? 이 '꼼수' 하나면 끝납니다! (Feat. Veo, NanoBanana, FFmpeg)
최근 AI 비디오 생성 기능을 이것저것 만져봤다면, 다들 공감할 겁니다. 기술 자체는 정말 미친 듯이 멋지지만, 원하는 포맷으로 정확히 뽑아내는 건 2014년에 <div 요소를 정가운데 배치하는 것만큼이나 골치 아픈 일이죠. 맙소사! 얼마 전, 저는 Google의 새로운 비디오 모델들을...
2026. 5. 13.
잊지 못할 '그 전 연인'처럼 굴지 마, AI! - 개발자의 은밀한 속마음
AI, 혹시 당신의 머릿속을 떠나지 않는, 그 잊을 수 없는 '독이 든 전 연인'인가요? 벗어나려 해도 자꾸만 돌아가게 되는, 그런 존재 말이죠. 새로운 업무가 주어질 때마다 당신은 무심결에 '그 전 연인' ( AI )에게 도움을 청하러 달려가진 않나요? !ex coming back 누...
2026. 5. 12.
"지원됨!" CSS @supports의 달콤한 거짓말, 브라우저가 외면하는 진실
최근 CSS의 발전 속도는 정말 놀랍습니다. 그중에서도 조건부 규칙인 @supports 는 특정 CSS 기능의 지원 여부에 따라 스타일을 선택적으로 적용할 수 있게 해주는 강력한 도구로 자리매김했죠. 특히 CSS Nesting 스펙이 등장하면서 @supports 를 중첩된 스타일 규칙 ...
2026. 5. 11.
CSS `@supports`, 넌 날 속였어! 중첩 사용 시 발생하는 치명적인 오해
개발하면서 특정 CSS 기능 지원 여부를 확인해야 할 때, 우리는 @supports 룰을 애용합니다. 특정 속성이 브라우저에 따라 다르게 동작하거나 아예 지원하지 않을 때 유용하게 쓰이죠. 그런데 이 똑똑해 보이는 @supports 가 때로는 우리를 심각하게 오도할 수 있다는 사실, 알...
2026. 5. 10.
Go 에러 처리, 패닉은 그만! 우아하게 감싸는 5가지 노하우
안녕하세요, 10년 차 IT 실무자이자 테크 블로거입니다. Go 언어로 개발을 시작하면서 많은 분들이 한 번쯤 겪는 흔한 고민이 있죠. 바로 지겹도록 반복되는 에러 처리 코드입니다. 처음 Go 프로그램을 만들고 멋지게 컴파일까지 성공했을 때의 그 짜릿함! 하지만 이내 마주하는 코드를 보...
2026. 5. 9.
월 41% AI 비용 아낀 비결? 200줄 TypeScript 라우터로 똑똑하게 모델 선택하기
최근 AI API 사용량이 급격히 늘면서, 개발 비용의 상당 부분을 차지하는 AI 요금에 대한 고민이 깊어지고 있습니다. 특히 여러 프로젝트에서 AI 서비스를 활용하다 보면, 저처럼 월별 청구서가 예상치 못하게 불어나는 경험을 하실 텐데요. 제 경우 지난 3월, 가장 빠르게 증가한 항목...
2026. 5. 8.
개발자의, 개발자를 위한 코드어 퍼즐! PWA 게임 개발기 🎮
안녕하세요! 10년 차 IT 개발자이자 테크 블로거, 케나믹입니다. 오늘은 제가 최근에 만든 워드 퍼즐 게임, "7 CODER W🙂RDS"에 대한 이야기를 풀어볼까 해요. 이 게임은 일반적인 컴퓨터 과학에 관심 있는 분들을 위한 워드 퍼즐인데요. 총 7개의 단서가 주어지면, 뒤섞인 타...
2026. 5. 7.
개발자의 언어, 7개의 코드 단어! PWA 퍼즐 게임 개발 챌린지
안녕하세요! 10년 차 개발자이자 테크 블로거, '코딩하는 김대리'입니다. 오늘은 제가 직접 만들고 즐기고 있는 웹 퍼즐 게임, 7 CODER W🙂RDS에 대한 이야기를 풀어볼까 합니다. 이 게임은 이름 그대로 컴퓨터 과학에 관심 있는 모든 코더와 너드를 위한 단어 퍼즐이에요. 7개의...
2026. 5. 6.
[경고] 링크드인 '사전 코드 리뷰' 제안, 제 환경 변수를 털어가는 악성코드였습니다!
안녕하세요, 10년 차 개발자이자 기술 블로거입니다. 이번 주, 링크드인에서 한 리크루터가 원격 DEX(탈중앙화 거래소) 소프트웨어 엔지니어링 프로젝트를 제안했습니다. 연봉 범위도 괜찮았고, 기술 스택도 제 전문 분야에 딱 들어맞았죠. 몇 차례 우호적인 대화를 나눈 뒤, 그녀는 기술 면...
2026. 5. 5.
Astro 6 업그레이드, AI와 삽질하며 배운 실전 노하우 (feat. 10년차 개발자의 필드 가이드)
솔직히 고백하자면, 제 개인 사이트(harshil.dev)의 Astro 6 업그레이드는 몇 주째 미뤄두던 숙제였습니다. 릴리즈 노트를 탭에 띄워두고도, 매번 '다음에 해야지' 하며 다른 작업으로 도망치기 일쑤였죠. 하지만 더 이상 핑곗거리가 없어져 버린 어느 오후, 마음먹고 npx @a...
2026. 5. 4.
IT 실무자가 만든 "진짜" 무료 도구: 워터마크/회원가입 없는 인보이스, 이력서, 자기소개서!
얼마 전 친구가 무료 인보이스 생성기를 추천해달라는 부탁을 했습니다. 구글 검색 상위 10개 결과를 열어봤는데, 아니나 다를까 전부 똑같더군요. 회원가입을 강요하거나, 이메일 주소를 수집하거나, 심지어 월 12달러를 내지 않으면 PDF에 큼지막한 워터마크를 박아버렸죠. 폼 필드에서 PD...
2026. 5. 3.
Tailwind, 솔직히 전 싫습니다: '수제 CSS' 장인의 고집스러운 변론
유틸리티 클래스 세상 속, 직접 만든 CSS에 대한 10년 차 개발자의 단호한 변론 네, 결국 해버렸습니다. 저를 ‘구닥다리’라 부르든, ‘원리주의자’라 칭하든, 시대의 흐름을 거스른다고 비난하든 상관없습니다. 저는 제 자리에서 아름답고, 사려 깊으며, 온전히 저만의 CSS를 만들어나갈...
2026. 5. 2.
OpenAI 비용, 대체 어디서 샌다고? 직접 만든 대시보드로 100배 지출 갭 발견!
OpenAI 과금 페이지, 총 사용 금액은 분명하게 보여줍니다. 하지만 어떤 기능 때문에, 어떤 테넌트 가, 어떤 대화 에서 그 비용이 발생했는지는 전혀 알려주지 않죠. 멀티테넌트 AI 제품을 운영하는 입장에서는 그야말로 '눈 감고 운전하는 꼴'이었습니다. 그래서 직접 나섰습니다. 래퍼...
2026. 5. 1.
고양이 사진에 비밀 메시지를 숨겼더니, 6개월 동안 아무도 눈치채지 못했습니다
(원문: dev.to는 이미지를 수정합니다. 비밀이 숨겨진 원본 이미지는 원본 포스트에 있습니다 🤘) 작년 CTF(Capture The Flag) 대회에서 스테가노그래피 챌린지를 만났을 때였습니다. 800x600 픽셀의 주황색 태비 고양이가 키보드 위에 앉아 있는 사진을 두 시간 내내...
2026. 4. 30.
20260429 014651 what it actually feels like to build something youre proud of
Nobody talks about the emotional side of shipping. Let's fix that. There's a specific kind of silence that happens right after you deploy something real. Not th...
2026. 4. 29.
AI와 함께 걷는 새로운 길: 내 포트폴리오 웹사이트, 11년 만의 대변신!
시작 v1: 2015년의 열정 2015년, 저는 첫 포트폴리오 웹사이트를 만들었습니다. 그리고 놀랍게도 그 사이트는 지금까지도 살아 숨 쉬고 있었죠. 세상에, 벌써 9년 전 일이라니! 시간이 참 빠르다는 걸 새삼 실감합니다. 심지어 제가 사용하는 AI 비서인 클로드(Claude)마저 "...
2026. 4. 28.
11년 묵은 내 포트폴리오, AI와 함께 시간을 넘어 재탄생하다!
첫 시작, 그리고 11년의 흔적 제 첫 포트폴리오 웹사이트는 2015년에 만들었고, 지금까지도 운영 중이었죠. 맙소사, 벌써 11년 전 일이라니! 시간이 정말 빠르게 흘러갑니다. 심지어 Claude마저 "이거 빨리 업그레이드해야겠는데요?"라며 팩폭을 날릴 정도였으니 말 다 했죠. 그때는...
2026. 4. 27.
2011년에도 AI가 있었다면, 우리는 지금의 웹을 만날 수 있었을까요?
자, 잠시 타임머신을 타고 2011년으로 돌아가 봅시다. 당시 웹은 대부분 서버에서 렌더링되는 PHP 템플릿으로 이루어져 있었죠. 좀 멋 좀 부린다 싶으면 jQuery를 살짝 얹거나, 아예 자바스크립트가 없는 사이트도 흔했습니다. 사용자 인터랙션은 제한적이었고, 모든 것이 요청 응답 루...
2026. 4. 26.
멀티 LLM 통합? 당신의 비용을 갉아먹는 '토큰 불일치'의 숨겨진 함정
여러 LLM(거대 언어 모델) 공급자의 서비스를 아우르는 AI 제품을 개발하다 보면, 대부분의 개발자가 예상치 못했던 난관에 부딪히게 됩니다. 바로 '컨텍스트 윈도우'가 공급자마다 호환되지 않는다는 점입니다. 언뜻 보기에는 멀티 LLM 시스템에서 컨텍스트를 관리하는 게 그리 복잡해 보이...
2026. 4. 25.
AI가 2011년에 있었다면? 현대 웹은 예정된 수순이었을까, 아니면 다른 모습이었을까?
2011년으로 잠시 돌아가 봅시다. 당시 웹은 대부분 서버에서 렌더링되는 PHP 템플릿 기반이었죠. 가끔 멋을 좀 부린다면 jQuery를 살짝 얹는 정도였고, 아예 자바스크립트가 없는 웹사이트도 흔했습니다. 사용자 인터랙션은 제한적이었고, 모든 것이 요청 응답 루프 안에서 돌아가는 단순...
2026. 4. 24.
2011년, AI가 존재했다면? 모던 웹은 '지연'되었을지도 모른다.
상상해 보세요. 2011년입니다. 당시 웹은 대부분 서버에서 렌더링되는 PHP 템플릿 기반이었고, 좀 멋을 부린다 싶으면 jQuery를 약간 섞는 정도였죠. 심지어 JavaScript가 전혀 없는 경우도 흔했습니다. 상호작용은 매우 제한적이었고, 모든 것이 요청 응답 루프 안에서 돌아갔...
2026. 4. 23.
개발자들의 찐친! 코딩할 때마다 응원해 주는 AI 아바타, 새로운 히어로들과 함께 v6 업데이트!
그동안 인공지능과 대화하거나 엔터를 누를 때마다 반응하는 VRM 3D 캐릭터, 즉 저만의 AI 아바타를 만들고 꾸준히 업데이트해왔습니다. 처음부터 기본 아바타는 '닌자 걸' 한 명이었죠. 물론 직접 만든 아바타로 변경할 수도 있었지만, 여러 기본 아바타가 각자의 애니메이션과 스토리를 가...
2026. 4. 22.
'스포 주의!' Threads 앱처럼 반짝이는 스포일러, 웹에서 직접 만들어보기
Meta의 Threads 모바일 앱을 사용해본 분이라면 한 번쯤 눈길을 사로잡았던 효과가 있을 겁니다. 바로 텍스트를 반짝이는 베일 뒤에 숨기는 '스포일러 태그' 말이죠. 오늘은 이 멋진 효과를 HTML, CSS, 그리고 JavaScript를 활용해 웹 브라우저에서 어떻게 구현하는지, ...
2026. 4. 21.
스크롤 멈칫! Threads 앱 반짝이 스포일러, 프론트엔드에서 만드는 비밀
Meta의 Threads 앱을 모바일 기기에서 사용해 본 분이라면 아마 흥미로운 효과를 발견하셨을 겁니다. 바로 텍스트를 반짝이는 베일 뒤에 숨기는 스포일러 태그죠. 오늘은 이 매력적인 효과를 HTML, CSS, JavaScript를 활용해 웹 브라우저에서 어떻게 구현하는지, 10년 차...
2026. 4. 20.
Threads 모바일 앱의 '반짝이 스포일러' 효과, 웹에서 100% 재현하는 프론트엔드 꿀팁!
Meta의 Threads 앱을 모바일로 사용해 보셨다면, 아마 흥미로운 효과 하나를 발견하셨을 겁니다. 바로 텍스트를 반짝이는 베일 뒤에 숨기는 '스포일러 태그'죠. 이번 글에서는 이 매력적인 효과를 HTML, CSS, JavaScript를 활용해서 웹 브라우저에 어떻게 구현하는지 제 ...
2026. 4. 19.
자체 DNS 서버 구축기: 10년차 개발자가 헤츠너 한계를 넘어선 비결!
프로덕션 환경에서 약 1,000줄의 Go 언어 코드로 자체 DNS 서버를 구축하고, 헤츠너(Hetzner) DNS에 있던 수천 개의 레코드를 성공적으로 마이그레이션했습니다. 그 결과, DNS 전파 시간이 "최대 90분"에서 "단 몇 초"로 극적으로 단축되었죠. 이 과정에서 저희는 히든 ...
2026. 4. 18.
수천 개 지도 마커, UX 포기 없이 관리하는 법: 클러스터링을 넘어선 혁신
title: 수천 개 지도 마커, UX 포기 없이 관리하는 법: 클러스터링을 넘어선 혁신 published: true description: 수천 개의 지도 마커를 기존 클러스터링 방식 대신 '우선순위 랭킹' 기반으로 훨씬 더 효과적이고 사용자 친화적으로 관리하는 새로운 접근법을 소개합...
2026. 4. 17.
코드를 읽는 지루함은 이제 그만! AST와 Gemini로 만드는 AI 기반 코드베이스 지도
안녕하세요, 10년 차 IT 실무자이자 테크 블로거입니다. 오랜 시간 여러 프로젝트의 코드베이스를 넘나들며 느꼈던 지독한 문제가 하나 있습니다. 새로운 프로젝트에 합류할 때마다 늘 똑같은 패턴을 보게 됩니다. 신규 개발자가 복잡한 시스템 전체를 온전히 이해하는 데 짧게는 3개월, 길게는...
2026. 4. 16.
20260415 062023 the emotional terror of closing a browser tab
My laptop sounds like it is preparing for a low orbit launch. The fan is screaming. The metal chassis is hot enough to burn my palms. And the reason is not a co...
2026. 4. 15.
20260414 061909 the emotional terror of closing a browser tab
My laptop sounds like it is preparing for a low orbit launch. The fan is screaming. The metal chassis is hot enough to burn my palms. And the reason is not a co...
2026. 4. 14.
AI 코딩 도구, 당신의 지갑을 몰래 털고 있었다면? 숨겨진 요금을 찾아 40% 절감한 비결
세 달 전만 해도 저는 네 가지 AI 코딩 도구를 동시에 사용하고 있었습니다. Claude Code, Codex CLI, Gemini CLI, 그리고 간단한 질문을 위한 챗 UI까지. 매달 앤트로픽과 OpenAI에서 날아오는 청구서를 보며 '대체 이 돈을 어디에 썼지?' 하고 막연히 고...
2026. 4. 13.
파이어폭스 확장 프로그램, 자동 설치하다가 멘붕? 아키텍처 이해가 답이다!
파이어폭스 확장 프로그램 설치를 자동화하려다 좌절해본 경험, 다들 한 번쯤 있으실 겁니다. 테스트 파이프라인이나 표준화된 개발 환경을 구축하려던 분들도 있겠고, 저처럼 모든 것을 스크립트로 처리하고 싶어 하는 강박(?)을 가진 분들도 계실 테죠. 사실 파이어폭스는 확장 프로그램 자동 설...
2026. 4. 12.
AI는 완벽한데 내 서비스는 왜 엉망이 될까? 개발자의 '지질학'적 사고가 필요한 이유
"당신의 지질학이 항상 지구물리학을 지배한다." 교수님께서 이 말씀을 하셨을 때, 저는 그저 노트에 받아 적었을 뿐 그 깊은 의미를 온전히 이해하지 못했습니다. 하지만 지금은 아닙니다. 10년이 넘는 IT 실무와 테크 블로깅 경험을 통해, 이 말이 얼마나 중요한 진실인지 뼈저리게 느끼고...
2026. 4. 11.
Validate without starting the dev server
The four problems with plain Vite environment variables — and the plugin I wrote to fix them. This is what environment variables look like in a Vite project: Ev...
2026. 4. 10.
20260409 060002 i built an agent to run live event raffles then tried to rig it
I just came back from a great RSAC 2026. I work at Keycard, and at our expo booth, attendees could enter a raffle to win a Flipper 0 or a Mac Mini. At events li...
2026. 4. 9.
20260408 060042 how ai apps actually use llms introducing rag
If you’ve been exploring AI applications, you’ve probably come across the term RAG . It appears everywhere chatbots, AI assistants, internal knowledge tools, an...
2026. 4. 8.
85개국 공항 API 데이터: 7개 언어 항공편 상태를 완벽 정규화하며 배운 것들
85개국 이상의 공항 웹사이트에서 항공편 데이터를 긁어모으다 보면, 세상에 합의된 것이 하나도 없다는 사실을 금방 깨닫게 됩니다. 데이터 형식은 물론이고, 필드 이름, 심지어 항공편 상태를 나타내는 문자열까지 제각각이죠. 가령 "Departed"라는 단어 하나만 해도 SAL , FLY ...
2026. 4. 7.
개발자님, 이 9가지는 브라우저가 이미 해결해 줬습니다 (오버엔지니어링은 그만!)
코드와 일, 그리고 개발 철학에 대한 글을 쓰고 깊은 기술 다이빙을 즐기는 건 저의 오랜 취미입니다. 하지만 여러분은 아마도 아직 많은 분이 잘 모르는 멋진 기능 리스트를 더 좋아하실 거라는 걸 저도 잘 알고 있죠. 😉 최근 저는 컨퍼런스 준비와 씨름하고, 성능 문제와 싸우며 다가오는...
2026. 4. 6.
아직도 직접 코딩하고 있다면 주목! 브라우저가 이미 다 해결한 9가지 오버엔지니어링 사례
코드와 일, 그리고 개발 철학에 대한 생각들을 정리하는 걸 즐겨 하는 10년 차 IT 실무자이자 테크 블로거입니다. 물론 깊이 있는 기술 분석도 좋아하죠. 하지만 제가 올리는, 아직 많은 분이 잘 모르는 '꿀 기능' 리스트를 여러분이 가장 좋아한다는 사실도 잘 알고 있습니다. 😉 요즘...
2026. 4. 5.
쓸데없는 삽질 그만! 브라우저가 이미 다 해주는 9가지 기막힌 기능들
안녕하세요, 10년 차 IT 실무자이자 테크 블로거, 여러분의 호기심을 자극할 준비가 된 제가 돌아왔습니다! 저는 평소 코드와 일상에 대한 철학적인 글쓰기를 즐기고, 깊이 있는 기술 탐구도 무척 좋아합니다. 하지만 여러분이 제가 정리한 '아직 잘 알려지지 않은 멋진 기능 목록'을 훨씬 ...
2026. 4. 4.
삽질 그만! 브라우저가 이미 품고 있는 놀라운 기능 9가지 (10년 차 실무자의 꿀팁 대방출)
저는 코드와 일상, 그리고 그 모든 것들에 대한 철학적인 에세이를 쓰는 걸 좋아합니다. 깊이 있는 기술 탐구도 즐기죠. 하지만 여러분이 진짜 좋아하는 건, 아직 많은 이들에게 알려지지 않은 멋진 기능 리스트라는 걸 저도 잘 알고 있습니다. 😄 요즘 제 근황은요? 이번 주는 컨퍼런스 준...
2026. 4. 3.
3년이면 사라질 코드 위해, 당신의 몸을 갈아 넣고 있습니까? 10년차 개발자의 절규
눈꺼풀 뒤에서 불타는 듯한 통증이 느껴집니다. 흔히 말하는 피곤함과는 차원이 다른, 날카롭고 끊임없는 통증이죠. 마치 잠든 사이에 누군가 내 눈에 고운 자갈을 문질러 넣은 것 같습니다. 그 세 시간의 불안한 뒤척임을 과연 '잠'이라고 부를 수나 있을지 모르겠네요. 지금 저는 어두컴컴한 ...
2026. 4. 2.
클로드 코드 대유출 2026: 개발사의 '실수'로 드러난 엄청난 비밀들 (feat. 타마고치) - 과연 진짜 사고였을까?
TL;DR: 2026년 3월 31일, 앤스로픽(Anthropic)은 단 하나의 잘못 구성된 디버그 파일을 통해 클로드 코드(Claude Code)의 전체 소스 코드 를 공개 npm 레지스트리에 실수로 배포했습니다. 총 51만 2천 라인에 달하는 코드, 1,906개의 타입스크립트 파일, ...
2026. 4. 1.
개발자도 놀랐다: 내 글을 감사하는 로컬 AI 에이전트, 모든 게시물에 '빨간불'을 켜다!
혹시나 했지만 역시나였다. 내 글들을 향한 AI 에이전트의 심사는 가차 없었다. 7개 URL 모두 '실패' 판정. 맙소사. Hashnode 프로필에는 H1 태그가 통째로 빠져 있었고, freeCodeCamp 튜토리얼 3개는 메타 설명이 없거나 160자를 훌쩍 넘겼다. DEV.to에 올린...
2026. 3. 31.
킹니갓비 게임 '팀버본'으로 데이터베이스를 만들 수 있다고? 실화냐? 🤯
안녕하세요, 10년 차 개발자이자 테크 블로거, 블록체인 비버입니다. 요즘 제가 푹 빠져 있는 게임 중 하나인 팀버본(Timberborn)이 드디어 1.0 정식 버전을 출시하며 얼리 액세스를 졸업했습니다. 혹시 이 게임을 잘 모르시는 분들을 위해 간단히 설명하자면, 팀버본은 비버들이 문...
2026. 3. 30.
⚙️ 비버 게임 '팀버본'으로 데이터베이스를 구축하는 상상, 현실이 되다! (Feat. HTTP 레버)
최근 제가 푹 빠져 있는 게임 중 하나인 팀버본(Timberborn)이 드디어 1.0 버전을 출시하며 얼리 액세스를 벗어났습니다. 혹시 이 게임을 모르는 분들을 위해 설명하자면, 팀버본은 도시 건설 전략 게임입니다. 플레이어는 인류(게임 내에서는 '호만즈'라고 불리죠)가 사라진 지구에서...
2026. 3. 29.
마이크로 프런트엔드, 혹시 '코드 공유' 지옥에 빠지셨나요? 모노레포가 해답입니다!
복사 붙여넣기 카오스에서 내부 npm 패키지, 그리고 마침내 '이거다!' 싶은 모노레포로 팀들이 진화하는 이야기. !Hero Image ⚡ 요약: 마이크로 프런트엔드는 팀에 자율성을 선사하지만, 보이지 않는 코드 공유 문제를 낳습니다. 내부 npm 패키지가 해결책이 될 수 있지만, 이는...
2026. 3. 28.
"엿보고 싶어도 못 봅니다": 제가 직접 만든 종단간 암호화 파일 전송 툴 phntm.sh 이야기
솔직히 말해, 개인정보처리방침을 매번 설명하는 것도 지쳤고, 그 복잡한 문구를 제가 온전히 이해하고 있다는 확신도 없었습니다. 파일을 보낼 때마다 '우리는 당신의 파일을 보지 않습니다'라는 문구를 굳이 믿어야 했죠. 내 문서로 AI 모델을 학습시키진 않을까? 혹시 내 파일을 몰래 읽고 ...
2026. 3. 27.