AI와 협업을 통한 GitHub Spec Kit 을 활용한 명세 기반 개발(Spec-Driven Development, SDD) 프로세스 소개
GitHub Spec Kit 기반 SDD 프로세스를 소개하며 명세를 중심으로 AI와 협업하는 흐름을 정리했습니다. 4단계 워크플로우와 TDD·BDD 비교, 로그인 예시까지 함께 설명했습니다.
#Next.js#GitHub
115005분
필터 1
AI와 협업을 통한 GitHub Spec Kit 을 활용한 명세 기반 개발(Spec-Driven Development, SDD) 프로세스 소개
GitHub Spec Kit을 바탕으로 SDD의 4단계 흐름을 정리했습니다. 명세를 중심에 두어 AI 코딩의 불확실성을 줄이는 방법을 소개했습니다.
#Next.js#React
98005분
styled-components에서 Tailwind CSS로 안전하게 대규모 마이그레이션하기
styled-components에서 Tailwind CSS로 안전하게 대규모 마이그레이션하기
styled-components에서 Tailwind CSS로의 대규모 점진 마이그레이션 방법을 다뤘습니다. CSS Cascade Layers와 SSR/CSR 대응으로 스타일 충돌 없이 전환했습니다.
#Tailwind CSS#styled-components
118005분
피그마 플러그인을 통한 개발 생산성 끌어올리기
피그마 플러그인으로 디자인 토큰과 Tailwind 클래스를 자동 추출해 개발 생산성을 높인 사례를 소개했습니다. 디자인 시스템의 일관성과 지속적인 도구 개선의 중요성도 함께 강조했습니다.
#Figma#Tailwind CSS
101005분
2025년 웹 개발 핵심 트렌드 5가지
2025년 웹 개발의 핵심 트렌드 5가지를 정리한 글입니다. AI 도구, JAMstack, Utility-First CSS, WebAssembly, VUI의 활용과 전망을 소개했습니다.
#웹 개발#LLM
9005분
2025년 웹 개발 핵심 트렌드 5가지
2025년 웹 개발의 핵심 트렌드로 AI 도구, JAMstack, Utility-First CSS, WebAssembly, VUI를 소개했습니다. 각 기술이 성능, 생산성, 사용자 경험을 어떻게 높이는지 정리했습니다.
#JAMstack#Tailwind CSS
86005분
3단계로 완성하는 유연한 디자인 시스템
디자이너와 개발자의 리소스 관리를 일원화하기 위해 3단계 토큰 기반 디자인 시스템을 구축했습니다. Figma와 코드, Storybook을 연결해 테마 전환과 컴포넌트 커스터마이징을 유연하게 운영했습니다.
#design system#Figma
34005분