Componique 프로젝트는 다양한 최신 기술 스택을 바탕으로 UI 컴포넌트 라이브러리를 구축했습니다. 이번 글에서는 이 프로젝트에서 사용한 기술 스택을 하나씩 설명드리겠습니다.1. 개발 프레임워크 및 언어Next.jsComponique의 개발은 Next.js로 이루어졌습니다. Next.js는 React 기반의 프레임워크로 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원합니다. 이를 통해 SEO에 유리하고, 빠른 페이지 로딩 속도를 유지할 수 있었습니다. 특히 컴포넌트 기반 개발을 통해 코드 재사용성을 극대화했습니다.TypeScriptTypeScript는 자바스크립트의 정적 타입 언어로, 코드의 안정성과 유지보수성을 높이기 위해 사용했습니다. 프로젝트가 커지면서 발생할 수 있는 타입 관..

이번 글에서는 Componique 프로젝트가 어떻게 진행되었고, 팀원 간의 협업은 어떤 방식으로 이루어졌는지에 대해 소개해드리겠습니다. 프로젝트의 성공적인 진행을 위해 체계적인 일정 관리와 협업 도구를 적극적으로 활용했습니다.1. 프로젝트 진행 단계Componique 프로젝트는 총 5단계로 나누어 진행되었습니다:프로젝트 기획프로젝트 기획 단계에서는 팀원들의 역할을 분담하고, UI 컨셉 및 페이지 디자인을 결정했습니다. 이를 바탕으로 일정 산출과 개발 환경 세팅을 진행했습니다.컴포넌트 개발본격적인 개발에 앞서, 각 컴포넌트의 요소를 선정하고, 디자인 시스템을 설정하여 개발을 시작했습니다.Docs 페이지 개발개발한 컴포넌트들이 어떻게 사용되는지 문서화 작업을 진행했습니다. 각 컴포넌트의 사용법을 형식화하여 ..