-
github personal access tokens 진입
- read package 권한 획득한 토큰 생성
- npmrc 편집
# vim으로 npmrc 열기
vim ~/.npmrc
#`:` 명령행 모드 켜기
#`i` insert 모드로 전환
@goorm-dev:registry=https://npm.pkg.github.com/
//npm.pkg.github.com/:_authToken=[권한 획득한 github 토큰]
- CRA
npx create-react-app goormthon-test
npm install reactstrap @goorm-dev/gds-goormthon
- 프레임워크 또는 자체 세팅이 완료된 경우
npm install reactstrap @goorm-dev/gds-goormthon
- Goormstrap 불러오기 (with CDN URL)
<head>
<link
rel="stylesheet"
href="https://statics.goorm.io/css/goormstrap.v4.min.css"
/>
</head>
- Components import
import { Alert, UncontrolledAlert } from "@goorm-dev/gds-goormthon";
- Icons import
import { ActivityIcon, CheckCircleIcon } from "@goorm-dev/gds-goormthon";
//...
<ActivityIcon width="1rem" className="ActivityIcon__icon" />; // svg와 동일
- Color Token
.element {
background-color: var(--red-100);
color: var(--gray-500);
}