yourssu

YDS-iOS

 <div align="center"> <a href="https://www.apple.com/kr/ios/" target="_blank"><img src="https://img.shields.io/badge/13+-000000?style=flat-square&logo=iOS&logoColor=white"/></a> <a href="https://swift.org/package-manager/" target="_blank"><img src="https://img.shields.io/badge/Swift Package Manager-FA7343?style=flat-square&logo=Swift&logoColor=white"/></a> <a href="https://testflight.apple.com/join/00LW9q4d" target="_blank"><img src="https://img.shields.io/badge/TestFlight-0D96F6?style=flat-square&logo=Appstore&logoColor=white"/></a> <a href="https://apps.apple.com/kr/app/yds-storybook/id1584167620" target="_blank"><img src="https://img.shields.io/badge/App_Store-0D96F6?style=flat-square&logo=app-store&logoColor=white"/></a> <a href="https://www.figma.com/community/file/1146974544001355129" target="_blank"><img src="https://img.shields.io/badge/figma-%23F24E1E.svg?style=flat-square&logo=figma&logoColor=white"/></a> </div> ## 🎨 YDS란 YDS는 숭실대학교 동아리 유어슈에서 사용하는 디자인 시스템입니다. 뷰 컴포넌트 재사용성을 높여 코드 작성에 걸리는 시간을 단축함과 동시에 일관된 디자인 퀄리티를 보장하기 위해 고안됐습니다. ## 📝 문서 [YDS Wiki](https://yourssu.notion.site/Yourssu-Design-System-00577fab034e46cb8aeb330247376a15) YDS 문서는 노션 페이지에서 관리됩니다. 컴포넌트 정보와 사용 예시 등을 확인할 수 있습니다. ## 🛠 설치 방법 [Swift Package Manager로 YDS 설치하기](https://yourssu.notion.site/Siwft-Package-Manager-YDS-e6e102a96ca5433a907cc9d1ae3cb274) ## 🧪 샘플 어플리케이션  [YDS Storybook 테스트플라이트 링크](https://testflight.apple.com/join/00LW9q4d) [YDS Storybook 앱스토어 링크](https://apps.apple.com/kr/app/yds-storybook/id1584167620) YDS 컴포넌트를 직접 조작할 수 있는 샘플 어플리케이션입니다. ## 🖌 피그마 커뮤니티 [YDS 피그마 커뮤니티 링크](https://www.figma.com/community/file/1146974544001355129) 피그마에서 YDS를 사용해볼 수 있습니다. ## 📱 YDS를 사용해 개발한 어플리케이션 개발 중 ## 💻 타 버전 저장소 [YDS-Android](https://github.com/yourssu/YDS-Android) [YDS-React](https://github.com/yourssu/YDS-React) ## 🙏 의존하는 외부 라이브러리 [SnapKit](https://github.com/SnapKit/SnapKit) [PanModal](https://github.com/slackhq/PanModal) [Parchment](https://github.com/rechsteiner/Parchment) [RxSwift](https://github.com/ReactiveX/RxSwift) - 샘플 어플리케이션 전용 ## 📚 참고한 자료 [[SOCAR FRAME 만들기 #2] 다크 모드 받고 디자인 시스템 더블로 가! (1탄)](https://tech.socarcorp.kr/design/2020/07/10/dark-mode-01.html) [[SOCAR FRAME 만들기 #2] 다크 모드 받고 디자인 시스템 더블로 가! (2탄)](https://tech.socarcorp.kr/design/2020/07/22/dark-mode-02.html)