Meeting Log #3 (24.12.28)

컴포넌트 같이 만들어보기

개발 환경

의현's 환경: Node.js v22.8.0

컴포넌트 로드맵 확인하기

• 미구현 컴포넌트 확인
  • GitHub Project를 통해 미구현 컴포넌트 확인
  • sipe.team 홈페이지 구현 필요한 컴포넌트 확인

=> 따라서 현재 Alert 컴포넌트 구현 예정 (Chakra UI Alert 컴포넌트 참고)

컴포넌트 기능 정의하기

깃허브 이슈에 컴포넌트 기능 정의서 작성

• Alert #36

이슈 템플릿에 맞게 내용 작성하기

• 디자인 요구사항
• 컴포넌트 스펙
• 기술적 고려사항
• 참고 자료
• 추가 논의사항 등...

Alert 기능 정의 추가 논의 항목

• glow 기능 제거
• status 기능에 대한 논의
• Icon에 대한 스펙 논의

컴포넌트 구현 단계

1. packages 폴더에서 .template 폴더 복사
2. 컴포넌트 이름 변경
3. 스펙에 따른 테스트 작성 (pnpm run test -watch로 테스트 실시간 확인)
4. 테스트 케이스 기반 구현 (screen.debug(element)으로 디버깅)
5. storybook 시나리오 작성

APT 그룹 구성

그룹 정의

1. A(doption)

• 사이프 홈페이지에 디자인 시스템 도입
• 신규 컴포넌트 필요성 제보
• 기존 컴포넌트 개선 요청
• 문서 개선사항 제보

2. P(roduction)

• 신규 컴포넌트 제작
• A그룹 요청 컴포넌트 구현
• T그룹 인터페이스 개선 제안 반영

3. T(utorial)

• 가이드 문서 작성
• 라이브러리 사용성 개선
• 컴포넌트 쇼케이스 고도화
• Readme, storybook 등 문서 작업

그룹 멤버

• A팀: 진현, 의현
• P팀: 대엽, 여진, 신원
• T팀: 정민, 세민, 효진

운영 방식

• 로테이션 방식으로 결정
• 로테이션 주기는 실행하면서 결정 (1주 or 2주)

각 그룹 1주차 목표

A팀

• 페이지별 구현 (총 5개)
  • home / about / recruit / poople / activity
• 주당 1페이지 구현
• 홈페이지 개발 및 필요 컴포넌트 파악
• 페어 프로그래밍 진행

P팀

• 여진: Icon (+추가작업 Reset)
• 대엽: Checkbox, Avatar 보완
• 신원: Generator, Flex (+추가작업 Grid)

deadline : 목요일 23:59까지는 PR 올리기
review : 서로 pr에 최소한 lgtm은 남겨주기

T팀

• 정민: commit convention 정의 (pre-commit)
• 세민: Contributor Guide 정의

deadline : 목요일 23:59까지는 PR 올리기

review: 우리끼리

추가 논의 : 효진쓰와 더 이야기

• 이슈 템플릿 추가 ( 버그 리포트라든지 ) etc...
• Storybook template.
• APT 간 요청 ISSUE

각 팀 요청사항

T팀 요청

• 스토리북 템플릿 필요

P팀 요청

• @sipe-team/si.de 통합 패키지 설치

공통

• 팀간 요청은 Slack 논의 후 이슈 생성