우리가 결국 완성하고자 하는 디자인 시스템은 shadcn이라고 생각했다.이는 shadcn이 컴포넌트별로 의존성을 다운로드하는데, 다른 라이브러리들과는 다르게 전체 패키지를 가져오지 않아 상당히 매력적이라고 생각했기 때문이었다. 그래서 shadcn에 대해서 깊이 이해하는 시간이 없어서는 안 된다고 생각했고, 이 과정에서 우리가 이때까지 의문이었던 점들을 해결해 나갈 수 있을 것 같다는 생각이 들었다.shadcn을 가장 우선적으로 파악을 하려고 했는데, shadcn 자체가 radix ui에 상당히 의존적인 라이브러리이기 때문에 radix ui를 분석하고 난 후 shadcn을 분석할 수 있었다. 몇 주 안 됐지만 디자인 시스템 리서치를 하면서 가장 신기하고 의미 있었던 시간이 이번 주였던 것 같다.사실, 이번..

이번 3주차 과제는 css 라이브러리 분석이었다.우리가 기술 스택을 정함에 있어 이유가 있어야 한다고 생각했다.남들이 많이 쓰니까 말고 이 라이브러리를 써야 하는 이유가 있어야 한다고 생각했기 때문에 그에 초점을 맞춰서 과제를 진행했던 것 같다.한 명이 한 라이브러리를 깊게 알아오는 방식으로 이번 과제가 진행되었다. tailwind css, stylex, stitches, panda css 이렇게 네 가지 라이브러리를 알아오기로 했었는데, 그 이유는 우리가 추후 이 디자인 시스템 컴포넌트들을 사용해서 Next.js 페이지를 만들 것이기 때문에 제로 런타임 css 라이브러리들로 선택했었다.이와 관련된 얘기들은 본문에 추후 작성할 예정이다. 나는 이전부터 관심이 있었던 panda css를 알아보기로 했다.사..

2주차 과제는 바로 각자가 생각하는 디자인 시스템에 대한 정리 및 리서치였다.생각보다 다들 다 다른 내용으로 구성해 와서 그거마저 의미 있는 시간이었던 것 같다.디자인 시스템에 대한 본인만의 철학을 가져온 사람도 있었고, 딥하게 리서치해온 분도 있었다.나도 꽤 리서치를 많이 해갔었는데, 다들 다른 관점으로 리서치를 해와서 인사이트를 얻을 수 있는 시간이었던 것 같다. 디자인 시스템 정의일단, 나는 디자인 시스템 정의부터 알아봤다. 디자인 시스템이란 다양한 페이지와 채널을 걸쳐 공통의 언어와 시각적 일관성을 만들고 반복되는 작업을 줄임으로써, 규모에 맞게 디자인을 관리하기 위한 표준 집합이다. 라고 권위 있는 UX 컨설팅 기업 Nielsen Norman Group이 정의했다고 한다. 디자인 시스템 구성 요..

결국, CMC 수료를 해버렸다.수료 후, CMC에서 만난 프론트엔드 세 친구와 함께 디자인 시스템, 그리고 이를 활용해서 팀 블로그를 만들기로 했다. 우리 팀잠깐 우리 팀에 대해서 말해보자면, 넷 다 열정 가득이다.이 팀이라면 장기적으로 프로젝트를 해도 정말 좋겠다는 생각이 드는, 그런 팀이다.다들 매일 디스코드에서 모여서 작업하는데, 진짜 매일 온다.서로 에러도 해결해주고 질문도 받아줘서 그런가 상당히 편하다. 그래서, 이 친구들과 함께 장기적으로 디자인 시스템부터 팀 블로그까지 함께 만들어보는 경험을 해보기로 했다.사실, 프로젝트를 하면서는 설계에 시간을 들이기보다 단순히 부딪히며 코드를 짠 경험이 훨씬 많다.이번에는 설계에도 상당히 많은 시간을 들일 예정이고, npm 배포 경험, 코드 단에서의 개선..