AI와 협업을 통한 GitHub Spec Kit 을 활용한 명세 기반 개발(Spec-Driven Development, SDD) 프로세스 소개
GitHub Spec Kit 기반 SDD 프로세스를 소개하며 명세를 중심으로 AI와 협업하는 흐름을 정리했습니다. 4단계 워크플로우와 TDD·BDD 비교, 로그인 예시까지 함께 설명했습니다.
#Next.js#GitHub#LLM
11500
태그
Tailwind CSS 기술 블로그 글
Tailwind CSS 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 8개최신 8개 표시
관련 태그
최신 게시글
8개 표시
AI와 협업을 통한 GitHub Spec Kit 을 활용한 명세 기반 개발(Spec-Driven Development, SDD) 프로세스 소개
GitHub Spec Kit을 바탕으로 SDD의 4단계 흐름을 정리했습니다. 명세를 중심에 두어 AI 코딩의 불확실성을 줄이는 방법을 소개했습니다.
#Next.js#React#Tailwind CSS
9900
styled-components에서 Tailwind CSS로 안전하게 대규모 마이그레이션하기
styled-components에서 Tailwind CSS로의 대규모 점진 마이그레이션 방법을 다뤘습니다. CSS Cascade Layers와 SSR/CSR 대응으로 스타일 충돌 없이 전환했습니다.
#Tailwind CSS#styled-components#CSS Cascade Layers
11800
styled-components에서 Tailwind CSS로 안전하게 대규모 마이그레이션하기
피그마 플러그인을 통한 개발 생산성 끌어올리기
피그마 플러그인으로 디자인 토큰과 Tailwind 클래스를 자동 추출해 개발 생산성을 높인 사례를 소개했습니다. 디자인 시스템의 일관성과 지속적인 도구 개선의 중요성도 함께 강조했습니다.
#Figma#Tailwind CSS#TypeScript
10100
2025년 웹 개발 핵심 트렌드 5가지
2025년 웹 개발의 핵심 트렌드 5가지를 정리한 글입니다. AI 도구, JAMstack, Utility-First CSS, WebAssembly, VUI의 활용과 전망을 소개했습니다.
#웹 개발#LLM#JAMstack
1000
2025년 웹 개발 핵심 트렌드 5가지
2025년 웹 개발의 핵심 트렌드로 AI 도구, JAMstack, Utility-First CSS, WebAssembly, VUI를 소개했습니다. 각 기술이 성능, 생산성, 사용자 경험을 어떻게 높이는지 정리했습니다.
#JAMstack#Tailwind CSS#WebAssembly
8600
3단계로 완성하는 유연한 디자인 시스템
디자이너와 개발자의 리소스 관리를 일원화하기 위해 3단계 토큰 기반 디자인 시스템을 구축했습니다. Figma와 코드, Storybook을 연결해 테마 전환과 컴포넌트 커스터마이징을 유연하게 운영했습니다.
#design system#Figma#Storybook
3600
FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?
카카오페이지 웹 개편에서 Emotion CSS의 한계를 줄이기 위해 Tailwind CSS와 Twin.Macro를 도입했습니다. 디자인 시스템 네이밍을 쉽게 반영하고, 커스텀 플러그인으로 부족한 유틸리티를 보완했습니다.
#Tailwind CSS#Emotion CSS#Twin.Macro
4600
FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?