코딩하는 고릴라

컴포넌트의 상태 별 UI를 관리하기 위해 프로젝트에 스토리북을 적용해보기로 결정했습니다. npx storybook@latest init프로젝트의 루트 디렉토리에서 스토리북을 설치합니다. 위 명령어를 이용하면 루트 디렉토리에 .storybook 폴더와 stories 폴더가 생성됩니다.프로젝트의 구조입니다. ui 패키지에 존재하는 컴포넌트를 blog, lab 서비스에서 가져다가 사용하는 방식입니다.따라서 ui 패키지 내에 존재하는 컴포넌트들을 스토리북으로 관리해줘야 합니다.import type { StorybookConfig } from '@storybook/nextjs';import { join, dirname } from 'path';/** * This function is used to resolve ..

기존 진행했던 프로젝트는 모두 React 기반으로 진행하였습니다.최근에 Next.js를 학습했고, 리소스 최적화, SEO 등 여러 측면에서 훨씬 편리한 개발 환경을 제공받을 수 있어Next.js를 직접 활용해 보고자 새 블로그 사이트를 만들고자 기획해 보기로 했습니다. Front- Next.js 14- tailwindcss- storybook Back- Next.js 14- Next-Auth- postgresql 테스트- Jest 배포- turborepo : 모노레포 마이크로 프론트엔드 개발 환경 구성을 위해 사용- vercel 일단은 Next.js의 활용에 초점을 두어 진행하고, 추후 배포 관련해서 더 학습해 볼 여지가 있다면 Docker를 활용한 배포 방식도 적용해 볼 예정입니다.무엇보다 기존에 프로..