기존에 있던 포트폴리오를 리액트 버전으로 바꾸면서 컴포넌트 라이브러리를 만들어보기로 결심하였다. 나의 포트폴리오는 react, gsap, locomotive-scroll, scss를 사용하였고 이와 관련된 설정을하여 npm 패키지로 만들어서 배포하는 과정을 기록해본다
특정 사이트의 아이덴티티를 담당하는 UI 패턴을 정의하여 컴포넌트를 규칙화 하는 것이다.일관된 디자인과 요소를 통해 디자인을 관리하고, 사용자 경험을 향상시킬 수 있도록 디자인 요소와 패턴을 표준화하여 일관된 결과물을 생산할 수 있도록 한다.웹 서비스를 제작할 때 중요
최근에 npm에 배포한 React 프로젝트에 디자인 시스템을 구축하였다. ChatGPT-4o와 Claude 3.5 Sonnet의 도움을 받아 코드를 작성하였는데, 두 AI챗봇이 어떤 답변을 주었는지 비교하며 디자인 시스템 구축 과정을 기록해보겠다! AI챗봇을 사용하