Skip to content

Commit

Permalink
feat: 문서 작성
Browse files Browse the repository at this point in the history
  • Loading branch information
indongyoo committed Mar 19, 2024
1 parent dba952d commit 2a6507c
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions docs/tutorial/solo-component-ssr.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

## View 혼자서 가능한 서버 사이드 렌더링

Rune의 컴포넌트는 별도의 기술 없이 혼자서도 서버사이드 렌더링을 지원하며 자바스크립트만으로 동작합니다. 이러한 특성은 이식성을 높게 하여 프로젝트에서 React, Solid, Next.js, Express.js 등 어떤 방식으로 서버사이드 렌더링을 구축했는지와 관계없이 함께 바로 사용이 가능하며 자바스크립트가 동작하는 어디에나 이식 가능합니다.
Rune의 컴포넌트는 별도의 기술 없이 혼자서도 서버사이드 렌더링을 지원하며 자바스크립트만으로 동작합니다. 이러한 특성은 이식성을 높게 하여 프로젝트에서 React, Solid, Next.js, Express.js 등 어떤 방식으로 서버사이드 렌더링을 구축했는지와 관계없이 함께 바로 사용이 가능합니다.

```typescript
interface Product {
Expand Down Expand Up @@ -133,5 +133,6 @@ new ProductView({
// click img -> phone-case.png
```

## 빠른 SSR, 높은 이식성


Rune의 컴포넌트들이 HTML 문자열을 만드는 과정은 자바스크립트의 Template Literals에 의한 문자열 조합이므로 간결하고 빠릅니다. 또한 자바스크립트의 내장 값으로만 소통하기 때문에 앞에서 설명한 것처럼 자바스크립트가 동작하는 어디에나 이식 가능합니다. 만일 개발자가 프로젝트 내에서 재사용이 필요한 코드를 작성해야 할 때, 동작의 퀄리티가 높아야하거나 애니메이션을 잘 다뤄야하거나 최신 Web API 기술을 사용해야해서 내부 코드를 DOM으로 직접 조작해야하고, 컴포넌트 방식으로 개발하여 제공하고 싶은데 서버 사이드 렌더링을 지원해야하고, 리액트 프로젝트 내부에 불러와 사용하고 싶다면 Rune 컴포넌트는 좋은 대안이 될 것입니다.

0 comments on commit 2a6507c

Please sign in to comment.