Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: update CONTRIBUTING.md #69

Merged
merged 10 commits into from
Jan 15, 2025
Merged

docs: update CONTRIBUTING.md #69

merged 10 commits into from
Jan 15, 2025

Conversation

SEMIN-97
Copy link
Contributor

@SEMIN-97 SEMIN-97 commented Jan 2, 2025

변경사항

기존 CONTRIBUTING.md 가이드의 내용을 보강했습니다.

시각자료

체크리스트

  • 기능 명세를 작성하였나요?
  • 테스트 코드를 작성하였나요?

추가 논의사항

  • 보강할 내용이 있을까요?
  • 버그 제보용 이슈 템플릿을 제작하면 좋을 것같아요.
  • 해당 문서와 커밋 메시지도 영어로 작성하고 있으니, 이슈/PR 템플릿과 컴포넌트 생성 CLI 문구도 영어로 통일해야할지 고민이 됩니다..

Summary by CodeRabbit

  • 문서
    • 기여 가이드라인 문서를 전면 개선
    • 기여 프로세스에 대한 명확한 지침 추가
    • 개발, 컴포넌트 생성, 테스팅, Storybook 등 새로운 섹션 포함
    • 풀 리퀘스트 생성 및 브랜치 명명 규칙에 대한 상세 지침 추가
    • 이슈 및 기능 제안 보고 가이드라인 상세화
    • 문서 구조와 가독성 개선

@SEMIN-97 SEMIN-97 added the documentation Improvements or additions to documentation label Jan 2, 2025
@SEMIN-97 SEMIN-97 self-assigned this Jan 2, 2025
Copy link

changeset-bot bot commented Jan 2, 2025

⚠️ No Changeset found

Latest commit: 8a550d6

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copy link

coderabbitai bot commented Jan 2, 2025

Walkthrough

Sipe Design System의 기여 가이드라인 문서인 CONTRIBUTING.md가 대대적으로 재구성되었습니다. 문서는 더 명확하고 체계적인 구조로 변경되었으며, 새로운 섹션들(‘Side’ 소개, 개발, 컴포넌트 생성, 테스트, Storybook)이 추가되었습니다. 기여 방법, 이슈 보고, 기능 제안에 대한 상세한 지침이 포함되어 개발자들이 프로젝트에 더 쉽게 참여할 수 있도록 개선되었습니다.

Changes

파일 변경 내용
.github/CONTRIBUTING.md - 문서 전체 구조 재구성
- 새로운 섹션 추가 (What is Side?, 개발, 컴포넌트 생성, 테스트, Storybook)
- 기여 프로세스 상세 가이드라인 추가 (풀 리퀘스트 생성, 브랜치 명명 규칙, 커밋 메시지 가이드라인)
- 이슈 보고 섹션 세분화 (버그 보고, 기능 제안)

Possibly related PRs

Suggested reviewers

  • bae-sh
  • heeji289
  • synuns
  • yeojini
  • hy57in
  • kimdaeyeobbb
  • froggy1014
  • developerjhp
  • noahluftyang

Poem

🐰 코드의 숲에 새로운 길을 내어
기여의 문을 활짝 열어요
명확한 가이드로 빛나는 프로젝트
토끼처럼 재빠르게 협업해요!
함께 만드는 오픈소스의 기쁨 🌈


Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Generate unit testing code for this file.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai generate unit testing code for this file.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read src/utils.ts and generate unit testing code.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai generate docstrings to generate docstrings for this PR. (Beta)
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 3

🧹 Nitpick comments (3)
.github/CONTRIBUTING.md (3)

3-5: 중복된 문구 개선이 필요합니다

"as easy and transparent as possible"이라는 문구가 반복되어 사용되고 있습니다. 다음과 같이 개선하는 것을 제안드립니다:

Welcome to our project! We want to make contributing to this project as easy and transparent as possible.
-This document provides a clear guide on **how to contribute to Sipe Design System**.
-We've outlined the process to ensure contributing is as easy and transparent as possible.
+This document provides a clear guide on **how to contribute to Sipe Design System**, outlining the entire process.

42-47: 테스트 관련 요구사항을 더 구체적으로 명시해 주세요

테스트 섹션에 다음 내용들을 추가하면 좋겠습니다:

  • 필요한 테스트 커버리지 비율
  • 단위 테스트와 통합 테스트의 구분
  • 테스트 작성 시 모범 사례

1-102: 문서 전체의 언어 통일성 검토가 필요합니다

PR 설명에서 언급된 것처럼, 문서 전체의 언어 사용에 대한 논의가 필요해 보입니다. 현재는 영어 헤더와 한글 컨텐츠가 혼용될 것으로 예상되는데, 다음 사항들을 고려해 주시면 좋겠습니다:

  1. 문서의 주 사용자층이 누구인지
  2. 향후 국제화 계획이 있는지
  3. 다른 문서들과의 일관성
📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between dd315c0 and aa304fb.

📒 Files selected for processing (1)
  • .github/CONTRIBUTING.md (1 hunks)

.github/CONTRIBUTING.md Show resolved Hide resolved
.github/CONTRIBUTING.md Outdated Show resolved Hide resolved
.github/CONTRIBUTING.md Outdated Show resolved Hide resolved
.github/CONTRIBUTING.md Outdated Show resolved Hide resolved
.github/CONTRIBUTING.md Outdated Show resolved Hide resolved
.github/CONTRIBUTING.md Outdated Show resolved Hide resolved
.github/CONTRIBUTING.md Outdated Show resolved Hide resolved

## Creating a New Component
### Bug Reporting
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

우리 이슈 템플릿도 몇 개 더 만들어야겠다.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

버그 리포트 템플릿은 바로 만들어볼게!

@froggy1014 froggy1014 linked an issue Jan 2, 2025 that may be closed by this pull request
.github/CONTRIBUTING.md Outdated Show resolved Hide resolved
.github/CONTRIBUTING.md Outdated Show resolved Hide resolved
Copy link
Member

@hy57in hy57in left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

짱이다~~~

@SEMIN-97 SEMIN-97 requested a review from yeojini as a code owner January 8, 2025 14:22
Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (3)
.github/CONTRIBUTING.md (3)

3-8: 한글 번역 추가를 제안드립니다

프로젝트가 한국어 사용자를 대상으로 하는 만큼, 영문 내용과 함께 한글 번역을 추가하면 좋겠습니다. 특히 Side에 대한 소개 부분은 한글로도 이해하기 쉽게 작성되면 좋을 것 같습니다.

예시:

Welcome to our project! We want to make contributing to this project as easy and transparent as possible.
+프로젝트에 오신 것을 환영합니다! 저희는 이 프로젝트에 대한 기여 과정을 최대한 쉽고 투명하게 만들고자 합니다.

This document provides a clear guide on **how to contribute to Side(Sipe Design System)**.
+이 문서는 **Side(Sipe Design System)에 기여하는 방법**에 대한 명확한 가이드를 제공합니다.

### What is Side?
+### Side란?

Side refers to the Sipe Design System, our primary UI component library aimed at creating consistent and reusable interfaces.
+Side는 일관되고 재사용 가능한 인터페이스를 만들기 위한 우리의 주요 UI 컴포넌트 라이브러리인 Sipe Design System을 의미합니다.
🧰 Tools
🪛 Markdownlint (0.37.0)

7-7: Expected: h2; Actual: h3
Heading levels should only increment by one level at a time

(MD001, heading-increment)


7-8: 마크다운 헤딩 레벨 구조를 수정해 주세요

현재 h1에서 h3로 바로 건너뛰는 부분이 있습니다. 마크다운 문서의 구조적 일관성을 위해 헤딩 레벨을 순차적으로 증가시켜 주세요.

-### What is Side?
+## What is Side?
🧰 Tools
🪛 Markdownlint (0.37.0)

7-7: Expected: h2; Actual: h3
Heading levels should only increment by one level at a time

(MD001, heading-increment)


3-117: 문서 전체의 언어 사용을 통일해 주세요

현재 문서가 영어로만 작성되어 있는데, PR 목표에서 언급된 것처럼 문서화 언어를 통일하는 것이 필요해 보입니다. 한글과 영어를 함께 사용하는 방식을 고려해 보시면 좋겠습니다.

제안:

  1. 모든 섹션에 한글 번역 추가
  2. 기술적인 용어는 영문을 괄호로 병기
  3. 예시 코드의 주석은 한글로 작성
🧰 Tools
🪛 Markdownlint (0.37.0)

7-7: Expected: h2; Actual: h3
Heading levels should only increment by one level at a time

(MD001, heading-increment)

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between aa304fb and 7455122.

📒 Files selected for processing (1)
  • .github/CONTRIBUTING.md (1 hunks)
🧰 Additional context used
🪛 Markdownlint (0.37.0)
.github/CONTRIBUTING.md

7-7: Expected: h2; Actual: h3
Heading levels should only increment by one level at a time

(MD001, heading-increment)

🔇 Additional comments (3)
.github/CONTRIBUTING.md (3)

16-18: Git 클론 URL에 대한 명확한 안내가 필요합니다

현재 URL이 예시로만 제공되어 있어 사용자가 혼란스러울 수 있습니다. 실제 저장소 URL과 함께 포크 후 클론하는 과정을 더 자세히 설명하는 것이 좋겠습니다.


109-117: 이슈 템플릿 관련 안내가 필요합니다

이슈 작성 시 사용할 수 있는 템플릿에 대한 안내를 추가하면 좋겠습니다. PR 목표에서 언급된 것처럼 버그 리포트 템플릿 생성도 고려해 보시기 바랍니다.


39-44: 🛠️ Refactor suggestion

테스트 요구사항을 더 구체적으로 명시해 주세요

테스트 섹션에 최소 요구사항을 추가하면 기여자들이 더 명확한 기준을 가지고 테스트 코드를 작성할 수 있을 것 같습니다.

예시:

### Testing
We use **Vitest** for testing.  
All new features or changes must include **relevant test cases**.
+
+#### 최소 테스트 요구사항:
+- 주요 사용 사례에 대한 테스트 커버리지 확보
+- 엣지 케이스 테스트 포함
+- 컴포넌트의 모든 props에 대한 테스트
+- 사용자 인터랙션 테스트

Likely invalid or redundant comment.

.github/CONTRIBUTING.md Outdated Show resolved Hide resolved
@noahluftyang noahluftyang enabled auto-merge (squash) January 8, 2025 14:30
Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (3)
.github/CONTRIBUTING.md (3)

7-8: 헤딩 레벨 구조 개선이 필요합니다

What is Side? 섹션이 h3 레벨(###)로 되어 있어 문서 구조의 일관성이 떨어집니다. 상위 섹션들이 h2 레벨(##)이므로, 이 섹션도 h2로 수정하는 것이 좋겠습니다.

-### What is Side?
+## What is Side?
🧰 Tools
🪛 Markdownlint (0.37.0)

7-7: Expected: h2; Actual: h3
Heading levels should only increment by one level at a time

(MD001, heading-increment)


36-37: 컴포넌트 네이밍 예시 추가 제안

컴포넌트 네이밍 컨벤션에 대해 더 구체적인 예시가 있으면 좋겠습니다. 실제 프로젝트에서 사용되는 컴포넌트들을 예시로 추가해주세요.

- **Naming Convention:** Use kebab-case for component names (e.g., `my-button`).
+ **Naming Convention:** Use kebab-case for component names. Examples:
+ - `button-group`
+ - `input-field`
+ - `navigation-bar`

89-95: 커밋 메시지 가이드라인 보완 필요

커밋 메시지 형식이 잘 정리되어 있으나, 실제 예시가 있으면 더 이해하기 쉬울 것 같습니다.

각 타입별 실제 예시를 추가해주세요:

예시:
- feat(button): 클릭 이벤트 핸들러 추가
- fix(auth): 로그인 상태 체크 오류 수정
- docs(readme): 설치 가이드 업데이트
- style(component): 코드 포맷팅 적용
📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 7455122 and 461af52.

📒 Files selected for processing (1)
  • .github/CONTRIBUTING.md (1 hunks)
🧰 Additional context used
🪛 Markdownlint (0.37.0)
.github/CONTRIBUTING.md

7-7: Expected: h2; Actual: h3
Heading levels should only increment by one level at a time

(MD001, heading-increment)

🔇 Additional comments (1)
.github/CONTRIBUTING.md (1)

16-18: Git 클론 URL에 대한 명확한 안내가 필요합니다

현재 URL이 예시로만 제공되어 있어 사용자가 혼란스러울 수 있습니다. 실제 저장소 URL과 함께 포크 후 클론하는 과정을 더 자세히 설명하는 것이 좋겠습니다.

.github/CONTRIBUTING.md Show resolved Hide resolved
@noahluftyang noahluftyang merged commit fba28cc into main Jan 15, 2025
4 checks passed
@noahluftyang noahluftyang deleted the chore/update-contributing branch January 15, 2025 06:20
Copy link

codecov bot commented Jan 15, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

CONTRIBUTING.md 업데이트
5 participants