HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
프로그래머스 프론트엔드 데브코스 2기
프로그래머스 프론트엔드 데브코스 2기
/
📓
기동팀
/
💪
기동팀(CheQuiz)
/
🎨
디자인시스템 브리핑
🎨

디자인시스템 브리핑

회의 시간 단축을 위해 회의 전에 미리 간단히 문서화 해 보았습니다. 이따 7시에 뵈어요 😊
💡
팀원 : 미해 정환
* 참고 ) 하단 내용은 정환님과 논의하지 않은, 제 멋대로 쓴 부분이 많음을 알려드립니다. 회의 진행을 위한, 잠시 지나가는 자료라고 생각해주세요!

진행 사항

foundation 케이스 분류 + 구현
  • 개발 & PR ✅
  • 리뷰 & merge✅
컴포넌트 케이스 분류 + 구현
  • 개발 & PR ✅
  • 리뷰 & merge 진행중
    • 리뷰 & 반영 필요
 

세부 진행 내역 보기

헉 쓰다보니 시간이 없어서 추후 보면서 설명 드릴게요..!
 

진행 예정 사항

  • 디자인 시스템 문서화 완료
  • 기존 Theme 파일을 Foundation 으로 대체 ⇒ 통일성 & DX 확대
  • 추가적인 컴포넌트 개발
    • 필요한 컴포넌트가 더 있는지 의견 수용
      • 필요한 컴포넌트 건의 목록 ( 여기에 적어주세요)
        • 토스트 필요할 듯 ( 로그인 실패 시 팝업)
        • 태그?

    논의 필요 사항

    • 스토리북 도입 여부
      • 그 이후? 안씀?
    디자인 컴포넌트 개선에 대한 의견 ( 적어주세요)
    함수형으로도 디자인 컴포넌트 구성에 대한 의견
    • 이미 여러 곳에서 중복으로 사용되고 있는 컴포넌트를 로직과 함께 구현하는 것은 어떠한지 ( 고민 )
    • 혹은 내부 로직만 존재하는 경우 ( 데이터만 입력받고 콜백 없는 ) 경우에 한해서 함수형 구현을 허용해주는 것은 어떠한지
    • 예 ) 메인 화면의 문제 카드, 검색바, 정렬 콤보박스, 모달 등
      • 이런 부분을 개발한다면 충분히 사전 논의 필요
      • 스타일드 컴포넌트 상에서는 children 등에 접근하기 어려워 사용하기 좋은 단위로 디자인 시스템을 만드는데 한계가 있음.
    • 선협님 회사의 디자인 시스템도 로직이 같이 존재하더라구요..!
      • image의 lazy loading, toggle 등
    앞으로 이쪽 팀 ( 미해, 정환)이 진행할 방향?
    • 리팩토링?
    • 애니메이션?
    • 사소한 UI수정?

    참고 자료

    진행한 회의

    😊
    07.11 foundation 케이스 분류 (1)
    🔥
    07.13 컴포넌트 회의 (1)
     
    추가 자료

    CheQuiz 디자인 시스템
    회의 자료 주소 : Figjam
    • 오른쪽 하단 디자인시스템 부분을 참고해주시면 됩니다.