Skip to content
This repository was archived by the owner on Sep 3, 2024. It is now read-only.

Commit 2a7975a

Browse files
wonny-lognh0627
andauthored
ko: Update welcome pages (#2112)
* Update welcome.md * Update modes_statically_generated.md * Update index.md * Update index.md * Update contribution-guide.md Co-authored-by: Nahyeon Lee <[email protected]>
1 parent a1a2d31 commit 2a7975a

File tree

4 files changed

+26
-10
lines changed

4 files changed

+26
-10
lines changed

ko/guide/contribution-guide.md

+2-4
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,7 @@ description: Contribution은 모두 환영합니다!
1111

1212
Contributor와 Maintainer의 원활한 작업을 위해서, 우리는 [CMTY](https://cmty.nuxtjs.org/)를 사용합니다.
1313

14-
쉽게 버그를 복제하기 위해 [CodeSandBox](https://template.nuxtjs.org/)나 복제본 repository를 포함했는지 확인해주세요.
15-
16-
버그가 더 잘 복제되어 있을 수록, 저희는 그 버그를 더 빨리 고칠 수 있습니다!
14+
많은 노력 없이 쉽게 버그를 재현할 수 있는 repository나 [CodeSandBox](https://template.nuxtjs.org/)를 포함했는지 확인해주세요. 버그가 더 잘 재현될 수록, 그 버그를 더 빨리 고칠 수 있습니다!
1715

1816
## 풀 리퀘스트
1917

@@ -88,7 +86,7 @@ yarn nuxt test/fixtures/your-fixture-app
8886
### Linting
8987

9088
이미 아실수도 있겠지만, 우리는 코드 표준을 시행하기 위해 ESLint를 사용하고 있습니다. 실행하기 전에 `yarn lint`을 실행해주세요.
91-
코드 스타일이 올바른지 확인해주세요. 그렇지 않다면, 당신은 코드 스타일을 고치기 위해 대부분의 경우 "yarn lint --fix" 또는 "npm run lint -- --pix"(타자 없음)를 사용할 수 있습니다. 다만 오류가 남아 있으면 수동으로 수정해야 합니다.
89+
코드 스타일이 올바른지 확인해주세요. 그렇지 않다면, 당신은 코드 스타일을 고치기 위해 대부분의 경우 `yarn lint --fix` 또는 `npm run lint -- --pix`(타자 없음)를 사용할 수 있습니다. 다만 오류가 남아 있으면 수동으로 수정해야 합니다.
9290

9391
### 문서화
9492

ko/guide/index.md

+22-5
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,6 @@ NuxtJS는 당신의 Vue.js 프로젝트의 추죽으로, 유연하면서도 확
3232

3333
## 어떻게 작동하나요?
3434

35-
![Vue with Webpack and Babel](https://i.imgur.com/avEUftE.png)
36-
3735
Nuxt.js는 훌륭한 웹 애플리케이션을 만들기 위해 아래의 기능들을 포함합니다:
3836

3937
- [Vue 2](https://vuejs.org/)
@@ -42,7 +40,7 @@ Nuxt.js는 훌륭한 웹 애플리케이션을 만들기 위해 아래의 기능
4240
- [Vue Server Renderer](https://ssr.vuejs.org/en/) ([`mode: 'spa'`](/api/configuration-mode)를 사용하는 경우에는 제외)
4341
- [vue-meta](https://github.com/nuxt/vue-meta)
4442

45-
총 용량이 **57kB min+gzip** 밖에 되지 않습니다. (53kB Vuex 포함).
43+
총 용량이 **57kB min+gzip** 밖에 되지 않습니다. (60kB Vuex 포함).
4644

4745
<div class="Alert">
4846

@@ -115,9 +113,28 @@ nuxt.js에서 가장 큰 혁신은 아마 `nuxt generate` 명령어가 될 것
115113
3. `npm run generate` 실행
116114
4. `dist` 디렉토리 배포
117115

118-
우리는 이제 **정적 생성 웹 어플리케이션**를 생성했습니다. :)
116+
우리는 이제 자동화 된 **정적 생성 웹 어플리케이션**를 생성했습니다. :)
117+
118+
v2.13부터 사용가능한 새로운 완전 정적 모듈은 빌드 시 html과 정적 에셋을 생성합니다. 모든 것이 이미 생성되어있기 때문에 SEO이 잘될 뿐만 아니라 정적 호스팅 제공업체를 통해 무료로 호스팅할 수도 있습니다.
119+
120+
121+
122+
Nuxt v2.13에는 링크 태그를 크롤링하고 이 링크를 기반으로 동적 경로를 생성하는 크롤러가 설치되어 더 이상 동적 링크를 수동으로 생성할 필요가 없습니다.
123+
124+
정적 타겟은 API에 대한 호출을 static 폴더의 payload.js 파일에 저장하여 작동합니다. 이 페이로드들은 더 나은 성능과 오프라인 지원을 위해 캐시되며 클라이언트 사이드 탐색에서 API가 더 이상 호출되지 않으므로(asyncData 및 fetch를 사용하여 호출될 때) 외부에 API를 공개하지 않아도 됩니다.
125+
126+
사이트가 생성되면 html은 모든 컨텐츠와 함께 생성되며 클라이언트 사이드 탐색에서 API 데이터의 페이로드 파일을 사용하여 이 페이지들이 재구성됩니다. 콘텐츠와 코드를 분리하면 전체 사이트를 다시 빌드할 필요 없이 콘텐츠를 쉽게 다시 생성할 수 있습니다. 즉, 일단 사이트가 구축되면 콘텐츠만 변경하고 싶을 때 간단하게 `nuxt export`를 호출하여 콘텐츠만 다시 생성할 수 있고, 콘텐츠가 웹팩을 거칠 필요가 없으므로 콘텐츠 재생성이 빠르게 진행됩니다.
127+
128+
v2.13 이상의 Nuxt를 사용하여 정적 사이트를 생성하려면 nuxt.config 파일의 `target``static`으로 설정해야 합니다. `target`의 기본값은 `server`입니다.
129+
130+
`nuxt.config.js`
131+
```js
132+
export default {
133+
target: 'static'
134+
}
135+
```
119136

120-
우리는 제품의 재고가 있거나 없는 경우 항상 웹앱을 `nuxt generate`로 재생성하고 CDN에 호스팅하는 방식의 e-commerce 웹 애플리케이션을 생각해볼 수 있습니다. 만약 사용자가 그동안 웹 앱을 탐색한다면, e-commerce API에 API를 호출하는 것으로 항상 최신 정보로 업데이트 될 것입니다. 서버의 다중 인스턴스와 캐싱을 더 이상 고민할 필요가 없습니다!
137+
새로운 정적 타켓에 대해 자세히 알고 싶다면 [이 아티클](/blog/going-full-static)을 확인하세요.
121138

122139
<div class="Alert">
123140

ko/homepage/modes_statically_generated.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ title: 정적 사이트 생성
33
content_title: 정적 사이트 생성
44
---
55
JAMStack이라고 불리는 정적 사이트 생성(Static Site Generation)은 지금 아주 핫한 주제 중 하나입니다. 다른 프레임워크로 바꾸어 거기에 익숙해지는 데 시간을 쓰는 대신에, <span style="color: #777">일석이조🐦🐦</span>해보시는건 어떤가요?<br><br>
6-
Nuxt.js는 Vue 애플리케이션에 기반한 정적 웹 사이트 생성을 지원합니다. Nuxt는 모든 페이지를 사전 렌더링하고 필요한 HTML을 포함시킬 수 있으므로, "양쪽에 최선"으로 서버 없이 SEO 혜택을 가질 수 있습니다.
6+
Nuxt.js는 Vue 애플리케이션에 기반한 정적 웹 사이트 생성을 지원합니다. Nuxt는 모든 페이지를 사전 렌더링하고 필요한 HTML을 포함시킬 수 있으므로, "양쪽에 최선"으로 서버 없이 SEO 혜택을 가질 수 있습니다. 또한 결과 페이지를 Netlify 또는 GitHub 페이지에 쉽게 배포할 수 있습니다.

ko/homepage/welcome.md

+1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
---
22
title: 직관적인 <br><span class="text-nuxt-lightgreen">Vue</span> 프레임워크<br>
3+
newsletter_cta: '매달 NuxtJS 업데이트 사항을 메일에서 확인하세요 💌'
34
---
45
웹 개발을 쉽고 강력하게 만들어주는 오픈소스 프레임워크인 Nuxt.js로 여러분의 다음 Vue.js 애플리케이션을 만들어보세요.

0 commit comments

Comments
 (0)