Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 15 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,24 +1,19 @@
![Thumbnail](https://github.com/yourssu/YDS-React/assets/84809236/59230bff-8e2c-4464-ac75-dafe32e2eb7f)
![Thumbnail](https://github.com/user-attachments/assets/c74741c4-d57c-437e-8f76-815adf6b846c)

## 🎨 YDS란
## 🎨 Handy란

YDS는 숭실대학교 동아리 유어슈에서 사용하는 디자인 시스템입니다. 뷰 컴포넌트 재사용성을 높여 코드 작성에 걸리는 시간을 단축함과 동시에 일관된 디자인 퀄리티를 보장하기 위해 고안됐습니다.
Handy는 숭실대학교 동아리 유어슈에서 사용하는 디자인 시스템입니다. 뷰 컴포넌트 재사용성을 높여 코드 작성에 걸리는 시간을 단축함과 동시에 일관된 디자인 퀄리티를 보장하기 위해 고안됐습니다.

## 📝 문서

[YDS Wiki](https://yourssu.notion.site/Yourssu-Design-System-00577fab034e46cb8aeb330247376a15)
YDS 문서는 노션 페이지에서 관리됩니다.
컴포넌트 정보와 사용 예시 등을 확인할 수 있습니다.
Handy-React 문서는 스토리북으로 관리됩니다.
컴포넌트 정보와 사용 예시 등을 살펴볼 수 있습니다.

[YDS Storybook](http://yds-react-storybook.s3-website.ap-northeast-2.amazonaws.com/?path=/docs/foundation-iconcontext--docs)

## 🖌 피그마

[YDS Figma](https://www.figma.com/community/file/1146974544001355129)
Repository details의 링크에서 문서를 열람할 수 있습니다.

## 🛠 사용 방법

1. YDS 패키지 및 styled-components를 설치합니다.
1. Handy-React 패키지 및 styled-components를 설치합니다.

```
npm install @yourssu/design-system-react styled-components
Expand All @@ -40,11 +35,16 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
);
```

## 📱 YDS를 사용해 개발한 프로덕트
## 📱 Handy-React를 사용해 개발한 프로덕트

[Soomsil-Web](https://github.com/yourssu/Soomsil-Web)

[Yourssu-Scouter](https://github.com/yourssu/Yourssu-Scouter-Frontend)

[뿌슝타로 - 뿌슝이가 알려주는 오늘의 운세](https://github.com/yourssu/ppusyung-tarot)

## 💻 타 버전 저장소

[YDS-Android](https://github.com/yourssu/YDS-Android)
[YDS-iOS](https://github.com/yourssu/YDS-iOS)
[Handy-Android](https://github.com/yourssu/Handy-Android)

[Handy-iOS](https://github.com/yourssu/Handy-iOS)