
storybook07-13-2026
22 0
블로그 프로젝트에 Storybook을 도입하고 느낀 것
Next.js 블로그(웹 + 어드민)에 Storybook을 도입하고 스토리와 인터랙션 테스트를 작성했습니다. 개인 프로젝트에서 Storybook 도입이 남는 장사인지, 실제로 얻은 것과 치른 비용을 정리합니다.
storybooknextjstesting회고
15 articles found

Next.js 블로그(웹 + 어드민)에 Storybook을 도입하고 스토리와 인터랙션 테스트를 작성했습니다. 개인 프로젝트에서 Storybook 도입이 남는 장사인지, 실제로 얻은 것과 치른 비용을 정리합니다.

Turborepo 공식문서를 기반으로 정리한 글입니다.

Panda CSS를 1.10 버전을 기반으로 정리한 내용

Emotion 11버전 기준으로 공식문서로 공부하고 정리한 내용
![[JS] 이벤트 전파 방지](/_next/image?url=https%3A%2F%2Fuzsgwbfhiofnnodlhafc.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fblog-images%2Fposts%2F1776756150580--sschi.png&w=3840&q=75)
프론트엔드에서 이벤트가 어떻게 처리되는지 간단하게 정리한 글입니다.
![[개발일지] 일시적인 게임 데이터, 어디에 저장할까?](/_next/image?url=https%3A%2F%2Fuzsgwbfhiofnnodlhafc.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fblog-images%2Fposts%2F1774937207482--bbq21.png&w=3840&q=75)
![[트러블 슈팅] Next.js와 tailwindcss로 모노레포 구성하는 법 (2)](/_next/image?url=https%3A%2F%2Fuzsgwbfhiofnnodlhafc.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fblog-images%2Fposts%2F1774936588490-2875c387-2826-4444-bb01-ff66626329f3-w08j0m.png&w=3840&q=75)
pnpm-workspace 기반 모노레포를 구성하는 과정에서 발생한 트러블 슈팅을 다룬다.
![[트러블 슈팅] Next.js와 tailwindcss로 모노레포 구성하는 법 (1)](/_next/image?url=https%3A%2F%2Fuzsgwbfhiofnnodlhafc.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fblog-images%2Fposts%2F1774936361620-2875c387-2826-4444-bb01-ff66626329f3-zm0wi.png&w=3840&q=75)
pnpm-workspace 기반 모노레포를 구성하는 과정에서 발생한 트러블 슈팅을 다룬다.
![[React] Single Step Form vs Multi Step Form 어떤 폼이 더 좋을까?](/_next/image?url=https%3A%2F%2Fuzsgwbfhiofnnodlhafc.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fblog-images%2Fposts%2F1774935471473-57f0c246-7ce2-49f5-99b7-faf07237466d-lf9q5g.png&w=3840&q=75)
Single Step Form과 Multi Step Form의 특징을 각각 비교하며, 프로젝트에 어떤 것을 왜 적용했는지를 다룬다.