JH 기술 블로그

디자인 시스템을 관심을 바탕으로 현재 진행 중인 프로젝트에 있는 컴포넌트들을 라이브러리화 해서 다른 프로젝트에서도 설치 한번으로 컴포넌트들을 사용할 수 있으면 좋을 것 같다라는 생각을 하였다.굳이 이러한 일을 왜하냐면 규모가 있고, 프론트엔드 개발 생산성에 초점을 맞춘 회사라면 다양한 프로젝트에서 라이브러리화 된 컴포넌트를 적극적으로 사용할 수 있겠다는 생각이 들어서이다. 자 그럼 거두절미하고 라이브러리로 만드는 여정을 떠나보자!버튼 컴포넌트 라이브러리로 만들기1. tsconfig 파일declaration 옵션으로 타입 선언 파일(.d.ts) 생성outDir에 컴파일 산출물을 저장라이브러리 소스는 src 폴더에 위치{ "compilerOptions": { "target": "ES5", "li..

서론여전히 프로젝트를 진행 중이다! 프로젝트를 진행하면서 불편한 점이 하나 있었다.나를 포함해 다른 분들이 컴포넌트 작업을 하시고 PR을 올리실 때 파일 첨부 칸에 Figma 디자인 캡처본 하나, 실제 구현한 컴포넌트 캡처본 하나 이렇게 총 2개의 첨부 사진을 올려야 했다는 것이다.스토리북과 피그마를 번갈아가면서 작업을 하신 다는 것이 굉장히 번거롭다고 생각이 들기도 하였고, 이런 사소한 점이 개발 생산성과 개발자 경험을 저하시킨다고 생각을 하였다.📚 Storybook addon/designstorybookjs/addon-designs: A Storybook addon that embeds Figma, websites, or images in the addon panel. GitHub - storybo..