@@ -40,18 +40,18 @@ export default <RouterConfig> {
4040};
4141
4242```
43- 프로젝트에 Home 페이지를 추가하려면 다음 단계를 수행합니다:
43+ 프로젝트에 Home page를 추가하려면 다음 단계를 수행합니다:
4444
45- 1 . ` pages ` 레이어 내에 페이지 slice를 생성합니다.
45+ 1 . ` pages ` layer 내에 page slice를 생성합니다.
46462 . ` app/router.options.ts ` 파일에 해당 라우트를 등록합니다.
4747
48- 페이지 slice는 [ CLI] ( https://github.com/feature-sliced/cli ) 를 사용하여 생성할 수 있습니다:
48+ page slice는 [ CLI] ( https://github.com/feature-sliced/cli ) 를 사용하여 생성할 수 있습니다:
4949
5050``` shell
5151fsd pages home
5252```
5353
54- 이제 ` ui ` 세그먼트 내에 ` home-page.vue ` 파일을 만들고, Public API를 통해 이를 노출합니다:
54+ 이제 ` ui ` segment 내에 ` home-page.vue ` 파일을 만들고, Public API를 통해 이를 노출합니다:
5555
5656``` ts title="src/pages/home/index.ts"
5757export { default as HomePage } from ' ./ui/home-page' ;
@@ -69,7 +69,7 @@ export { default as HomePage } from './ui/home-page';
6969│ │ │ ├── index.ts
7070```
7171
72- 마지막으로 ` router.options.ts ` 파일에 새로운 페이지에 대한 라우트를 추가합니다:
72+ 마지막으로 ` router.options.ts ` 파일에 새로운 page에 대한 라우트를 추가합니다:
7373
7474``` ts title="app/router.options.ts"
7575import type { RouterConfig } from ' @nuxt/schema'
@@ -117,31 +117,31 @@ export default defineNuxtConfig({
117117})
118118```
119119
120- 이제 ` app/routes ` 내에서 라우트를 생성하고, ` pages ` 에 있는 페이지들과 연결할 수 있습니다.
120+ 이제 ` app/routes ` 내에서 라우트를 생성하고, ` pages ` 에 있는 page들과 연결할 수 있습니다.
121121
122- 프로젝트에 ` Home ` 페이지를 추가하려면 다음 단계를 수행합니다:
123- - ` pages ` layer 내에 페이지 slice를 생성합니다.
124- - ` app/routes ` 디렉터리 내에서 해당 페이지에 대한 라우트를 추가합니다.
125- - 페이지 slice의 컴포넌트를 라우트에서 사용할 수 있도록 연결합니다.
122+ 프로젝트에 ` Home ` page를 추가하려면 다음 단계를 수행합니다:
123+ - ` pages ` layer 내에 page slice를 생성합니다.
124+ - ` app/routes ` 디렉터리 내에서 해당 page에 대한 라우트를 추가합니다.
125+ - page slice의 컴포넌트를 라우트에서 사용할 수 있도록 연결합니다.
126126
127127
128- #### 1️⃣ 페이지 slice 생성
128+ #### 1️⃣ page slice 생성
129129
130- 페이지 slice는 [ CLI] ( https://github.com/feature-sliced/cli ) 를 사용하여 간편하게 생성할 수 있습니다:
130+ page slice는 [ CLI] ( https://github.com/feature-sliced/cli ) 를 사용하여 간편하게 생성할 수 있습니다:
131131
132132``` shell
133133fsd pages home
134134```
135135
136- 이제 ` ui ` 세그먼트 내에 ` home-page.vue ` 파일을 생성하고, Public API를 통해 이를 노출합니다:
136+ 이제 ` ui ` segment 내에 ` home-page.vue ` 파일을 생성하고, Public API를 통해 이를 노출합니다:
137137
138138``` ts title="src/pages/home/index.ts"
139139export { default as HomePage } from ' ./ui/home-page' ;
140140```
141141
142142#### 2️⃣ ` app/routes ` 내에 라우트 추가
143143
144- 생성한 페이지를 라우트와 연결하려면, ` app/routes/index.vue ` 파일을 생성하고 ` HomePage ` 컴포넌트를 등록해야 합니다.
144+ 생성한 page를 라우트와 연결하려면, ` app/routes/index.vue ` 파일을 생성하고 ` HomePage ` 컴포넌트를 등록해야 합니다.
145145
146146``` sh
147147
@@ -156,7 +156,7 @@ export { default as HomePage } from './ui/home-page';
156156│ │ │ ├── index.ts
157157```
158158
159- #### 3️⃣ ` index.vue ` 에서 페이지 컴포넌트 등록
159+ #### 3️⃣ ` index.vue ` 에서 page 컴포넌트 등록
160160
161161``` html title="src/app/routes/index.vue"
162162<script setup >
0 commit comments