# 시작하기 · 설치

Edge를 설치하고 React에서 사용하세요.

Package: @bolerish/edge 0.4.0
Source: https://edge.bolerish.com/ko/docs/installation/

<a id="installation"></a>

## 설치

React 어댑터는 React 18 또는 19가 필요합니다. 다른 프레임워크용 어댑터는 아직 제공하지 않습니다.

npm

```bash
npm install @bolerish/edge
```

pnpm

```bash
pnpm add @bolerish/edge
```

Yarn

```bash
yarn add @bolerish/edge
```

Bun

```bash
bun add @bolerish/edge
```

<a id="stylesheet"></a>

## 기본 스타일

React는 서피스를 연결할 때 기본 CSS를 자동으로 준비합니다. Edge.Provider 없이 훅만 사용할 때도 별도의 CSS 불러오기가 필요하지 않습니다. SSR에서는 애플리케이션 스타일 앞에 Edge.Styles를 문서당 한 번 렌더링하세요. CSP에서 nonce를 요구하면 서버와 하이드레이션에 같은 요청의 nonce를 전달하세요.

```tsx
<Edge.Styles nonce={nonce} />
```

```css
@import "@bolerish/edge/style.css";
```

기존 CSS 불러오기도 계속 지원합니다. 프레임워크 독립 사용을 위한 CSS 파일도 제공합니다. 직접 불러올 때는 애플리케이션·유틸리티 스타일보다 먼저 두세요. 리셋은 그보다 앞에 둘 수 있습니다. 패키지 경로로 CSS를 불러오려면 해당 경로를 해석하는 빌드 도구가 필요합니다.

<a id="next-steps"></a>

## Edge 시작하기

[사용법](https://edge.bolerish.com/ko/docs/usage/)에서 조명을 공유할 영역과 서피스를 정하고, [React](https://edge.bolerish.com/ko/docs/react/usage/)에 따라 연결하세요.