subtle ui

미묘한 UI

웹에서 볼 수 있는 기발하면서도 절제된 사용자 상호 작용 모음입니다. 이 프로젝트에서는 React를 사용하여 예제 코드를 간단하고 간략하게 유지합니다.

기여하는 방법

1. content 폴더에 새 마크다운 파일을 만듭니다. 예를 들어 my-cool-example.md 입니다.
2. 다음 머리말 속성을 추가합니다.

 title: My Cool Example
date: 2019-09-24
author: John Doe
github: johndoe123

3. 마크다운 구문을 사용하여 예제 코드와 관련 콘텐츠를 추가하세요.
4. 새 마크다운 파일을 사용하여 풀 요청을 제출하세요.
5. master 에 병합되면 웹사이트는 https://subtle-ui.netlify.com에 자동으로 배포됩니다. ?

중요 참고 사항: 이 프로젝트는 사용자 정의 구성 요소를 사용하여 마크다운 코드 블록을 미리 보기가 포함된 라이브 코드로 렌더링합니다. 알아야 할 몇 가지 고유한 특성이 있습니다.

• 코드 블록은 이미 범위에 있는 React 및 Styled 구성 요소로 구성됩니다.
• 코드 블록은 명령형 코드로 작성되어야 하며 하단에 JSX 요소를 사용하여 render 호출해야 합니다.
• 코드가 Babel을 통해 트랜스파일되므로 원하는 경우 ES6 구문을 사용할 수 있습니다.
• 현재로서는 다른 외부 라이브러리를 가져올 수 있는 방법이 없습니다. 질문이 있거나 추가 기능이 필요한 경우 문제를 제출해 주세요.

개발

yarn develop - http://localhost:8000에서 웹사이트의 로컬 버전을 확인하세요.

yarn build && yarn serve - http://localhost:9000에서 웹사이트의 프로덕션 버전을 확인하세요.