Vite 8 — 뭐가 달라졌을까?
Vite 8이 나왔습니다. 내부 번들러가 Rolldown으로 바뀌면서 빌드가 빨라졌고, tsconfig paths 내장 지원이나 브라우저 콘솔 포워딩 같은 소소하지만 반가운 변화도 있습니다.
#Vite#Rolldown#빌드도구+1
Tech Archive
Explorations in code, architecture, and engineering.
Filter by Tag
Claude Code 작업 완료 알림 설정하기 — Hooks 활용법
Claude Code의 Hooks 기능으로 작업 완료 및 컨펌 요청 시 macOS 데스크탑 알림을 받는 방법을 소개합니다.
#클로드 코드#자동화#AI+1
'순수' 프론트엔드 개발자의 죽음
현대 프론트엔드 개발자의 역할은 서버 컴포넌트, 엣지 함수, 인프라-as-config 등 아키텍처 변화로 인해 데이터베이스 쿼리, CI/CD, 캐싱 전략까지 흡수하며 사실상 풀스택화되고 있습니다. 이 변화가 진정한 커리어 성장인지 착취적 범위 확장인지 구별하기 위한 프레임워크를 제시하고, 90일 업스킬 계획과 역할 재협상 전략을 다룹니다.
#프론트엔드 개발자 역할 변화#React 서버 컴포넌트
시니어 엔지니어가 나쁜 프로젝트를 그냥 내버려두는 이유
시니어 엔지니어는 왜 나쁜 프로젝트를 보고도 그냥 두는 걸까? '옳은 것'과 '효과적인 것'은 다르다. 영향력을 은행 계좌처럼 관리하고, 언제 목소리를 낼지 전략적으로 선택하는 법을 알아봅니다.
#시니어엔지니어#개발자성장#엔지니어링문화+3
![[번역] Content Negotiation으로 AI 에이전트 친화적인 웹페이지 만들기](/_next/image?url=%2Fimages%2Fthumbnails%2Fcontent-negotiation-ai%2FthumbnailImage.jpg&w=1920&q=75)
[번역] Content Negotiation으로 AI 에이전트 친화적인 웹페이지 만들기
HTTP Content Negotiation을 활용하여 사람에게는 HTML을, AI 에이전트에게는 마크다운을 제공하는 방법을 알아봅니다. Vercel의 실제 구현 사례를 통해 99.6% 페이로드 감소와 토큰 효율성을 달성하는 방법을 소개합니다.
#HTTP#SEO#AI agent+1
React 상태 관리 완벽 가이드 - 프로젝트에 맞는 전략 선택하기
useState부터 Redux, Zustand, Jotai, MobX, Valtio까지 7가지 React 상태 관리 방법을 실무 예제와 함께 비교 분석합니다. 각 도구의 장단점과 실제 프로젝트에서 어떤 상황에 어떤 도구를 선택해야 하는지 알아봅니다.
#React#상태관리#Zustand+3
2026년 웹 개발 로드맵: MERN 스택으로 완성하는 풀스택 가이드와 프로젝트 전략
빠르게 변화하는 2026년 개발 트렌드 속에서 중심을 잡아줄 MERN 스택 학습 경로와 실무 프로젝트 적용법을 상세히 공유합니다.
#웹개발로드맵#MERN스택#Javascript+2
깃허브 잔디에 집착하고 계신가요? 초록색 사각형이 말해주지 않는 것들
깃허브 컨트리뷰션 그래프가 개발자의 실력을 완벽하게 대변하지 못하는 이유와 건강한 기록 문화에 대해 알아봅니다.
#깃허브#잔디심기#개발자 성장+1
React에서 Lottie 애니메이션 쉽게 사용하고 활용하는 방법!
React에서 Lottie 애니메이션을 사용하여 웹/앱에 생동감을 더하는 방법을 알아봅니다. Lottie의 장점, 사용법, 활용 팁까지 쉽고 재미있게 설명해 드립니다.
#Lottie#Animation#React+1