안녕하세요! 최근에 디자인 시스템에 관심이 생겨 디자인 시스템 컴포넌트를 직접 구현해보는 연습을 하고 있는데요. 생각보다 UI를 구현하는게 쉽지 않고 고민할 것도 많아서 같이 스터디를 하면서 공유해보면 좋을 것 같아 모집하게 되었습니다!
어떤 UI 컴포넌트들을 만들까요?
Select
Accordion
Card
Combobox
Form
Tabs
Menubar
Toast
참고자료
[React / VanillaJS] UI 요소 직접 만들기 Part 1 강의 - 인프런
강의 구매 불필요! 개인 자유입니다.
외에 antd, mui 등 여러 UI 라이브러리들
스터디 모집
24년 4월 14일까지 모집
모집 인원: 3명 (스터디 장 포함 총 4명)
스터디 방식
매주 하나의 UI 컴포넌트를 만듭니다. 총 8주동안 진행됩니다.
React와 Typescript를 사용하고 Storybook을 통해 UI 테스트를 합니다.
컴포넌트 디자인은 UX shadcn/ui를 참고하여 만듭니다.
스터디 회의 전에 구현한 코드를 레포지토리에다 올리고 챌린져스에 인증합니다.
각자 구현을 하되 매주 번갈아가면서 2명씩 짝을 지어 페어프로그래밍을 진행합니다.
스터디 회의 시간엔 한 주 동안 구현해보면서 어려웠던 점, 좋았던 점, 개선해야할 점 등 자유롭게 의견을 나눠보며 해당 UI 컴포넌트에 대한 Best Practice를 도출합니다.
스터디 회의는 매주 금요일 9시 ~ 11시 디스코드를 통해 진행됩니다.
챌린저스에 4주에 한번 2만원을 걸고 진행합니다. 총 8주 => 4만원
스터디 목표
코드 리뷰와 페어프로그래밍을 통한 전반적인 컴포넌트 개발 능력 향상시키기
추후에 다른 디자인 시스템 컴포넌트들 구현과 함께 라이브러리 배포
최신 스토리북 사용 경험
스터디를 성공적으로 마무리하고 다른 스터디도 진행할 수 있으면 좋을 것 같습니다.
지원 주의사항
스터디장에게 너무 의존하는 스터디가 되지 않았으면 합니다. 스터디 룰이나 진행방식에 있어서 자유롭게 의견 공유하고 발전해나가는 스터디가 되었으면 합니다.
스터디를 진행하면서 프론트엔드 관련 개발관련 얘기나 기술 공유를 자유롭게 할 수 있는 적극적인 사람들이 지원해주셨으면 합니다. 스터디방이 많이 활성화 되면 좋을 것 같아요.
끝까지 책임지고 같이 하실분들만 지원해주시길 바랍니다.
스터디 참여시 처음의 의지와는 다르게 흐지부지해지거나 끝까지 이어가지 못하는 스터디가 많습니다. 서로에게 도움이 되고자 하는 스터디인만큼 글을 잘 읽어보시고 끝까지 참여해주실 분만 연락주시면 감사하겠습니다!
참여를 원하신다면
매우 매우 매우 간략한 자기소개, 깃헙아이디
카톡 아이디 보내주시면 되겠습니다!
