From a6b18e7f9ec499bf262d516314dc4cf8f81d2367 Mon Sep 17 00:00:00 2001 From: SEOKKAMONI Date: Thu, 14 Aug 2025 16:15:53 +0900 Subject: [PATCH 1/7] docs: sync Navigating Activities section (KR/EN) --- .../get-started/navigating-activities.ko.mdx | 33 +++++++++++++------ 1 file changed, 23 insertions(+), 10 deletions(-) diff --git a/docs/pages/docs/get-started/navigating-activities.ko.mdx b/docs/pages/docs/get-started/navigating-activities.ko.mdx index 3754ca999..ff5d6c3cf 100644 --- a/docs/pages/docs/get-started/navigating-activities.ko.mdx +++ b/docs/pages/docs/get-started/navigating-activities.ko.mdx @@ -135,10 +135,7 @@ replace( 마지막으로 현재 액티비티를 삭제하고 이전 액티비티로 돌아가는 방법에 대해서 살펴봐요. `stackflow.ts`에서 생성했던 `useFlow()` 훅의 `pop()` 함수를 통해 다음과 같이 현재 액티비티를 삭제할 수 있어요. -```tsx -/** - * Article.tsx - */ +```tsx showLineNumbers filename="Article.tsx" copy /pop/ import { ActivityComponentType } from "@stackflow/react"; import { AppScreen } from "@stackflow/plugin-basic-ui"; import { useFlow } from "./stackflow"; @@ -150,15 +147,22 @@ type ArticleParams = { const Article: ActivityComponentType = ({ params }) => { const { pop } = useFlow(); - const onClick = () => { + const goBack = () => { + // 액티비티 하나만 제거 pop(); }; + const goBackMultiple = () => { + // 액티비티 여러 개 제거 + pop(3); + }; + return (

{params.title}

- + +
); @@ -167,17 +171,26 @@ const Article: ActivityComponentType = ({ params }) => { export default Article; ``` -`pop()`은 첫번째 파라미터로 추가 옵션을 받아요. 첫번째 파라미터인 추가 옵션은 선택적으로 넘기지 않을 수 있어요. (기본값을 사용해요) +`pop()` 함수는 제거할 스택 개수와 추가 옵션을 위한 선택적 파라미터를 받을 수 있어요. +첫번째 파라미터는 생략 가능하며, 생략 시 기본값이 사용돼요. ```ts -pop(); +pop(); // 스택 하나 제거 + +pop(3); // 스택 여러 개 제거 -// 또는 pop({ /* 추가 옵션 */ -}); +}); // 추가 옵션과 함께 스택 하나 제거 + +pop(3, { + /* 추가 옵션 */ +}); // 추가 옵션과 함께 스택 여러 개 제거 ``` +`pop()` 함수의 첫번째 파라미터는 제거할 스택의 개수를 지정하거나 추가 옵션을 정의할 수 있어요. +첫번째 파라미터를 스택 개수로 사용하면, 두 번째 매개변수는 추가 옵션을 전달하는 데 사용할 수 있어요. + `pop()` 함수의 첫번째 파라미터인 추가 옵션에는 다음과 같은 값이 있어요. From df71a99e95fae2301b4aa2411a3b3d867d0770fb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=84=9D=EC=A7=84=28poki=29?= <102217654+SEOKKAMONI@users.noreply.github.com> Date: Thu, 14 Aug 2025 16:17:18 +0900 Subject: [PATCH 2/7] Update docs/pages/docs/get-started/navigating-activities.ko.mdx --- docs/pages/docs/get-started/navigating-activities.ko.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/pages/docs/get-started/navigating-activities.ko.mdx b/docs/pages/docs/get-started/navigating-activities.ko.mdx index ff5d6c3cf..742f2fa42 100644 --- a/docs/pages/docs/get-started/navigating-activities.ko.mdx +++ b/docs/pages/docs/get-started/navigating-activities.ko.mdx @@ -189,7 +189,7 @@ pop(3, { ``` `pop()` 함수의 첫번째 파라미터는 제거할 스택의 개수를 지정하거나 추가 옵션을 정의할 수 있어요. -첫번째 파라미터를 스택 개수로 사용하면, 두 번째 매개변수는 추가 옵션을 전달하는 데 사용할 수 있어요. +첫번째 파라미터를 스택 개수로 사용하면, 두번째 매개변수는 추가 옵션을 전달하는 데 사용할 수 있어요. `pop()` 함수의 첫번째 파라미터인 추가 옵션에는 다음과 같은 값이 있어요. From afe37454d0a866aa2f96b4f589e6d7ecc7cce0af Mon Sep 17 00:00:00 2001 From: SEOKKAMONI Date: Fri, 15 Aug 2025 16:13:57 +0900 Subject: [PATCH 3/7] =?UTF-8?q?fix:=20=EC=8A=A4=ED=83=9D=20->=20=EC=95=A1?= =?UTF-8?q?=ED=8B=B0=EB=B9=84=ED=8B=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../get-started/navigating-activities.en.mdx | 14 +++++++------- .../get-started/navigating-activities.ko.mdx | 18 +++++++++--------- 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/docs/pages/docs/get-started/navigating-activities.en.mdx b/docs/pages/docs/get-started/navigating-activities.en.mdx index 226d618a3..62ac54f07 100644 --- a/docs/pages/docs/get-started/navigating-activities.en.mdx +++ b/docs/pages/docs/get-started/navigating-activities.en.mdx @@ -169,23 +169,23 @@ const Article: ActivityComponentType = ({ params }) => { export default Article; ``` -`pop()` takes optional parameters for the number of stacks to pop and additional options. These parameters can be omitted, and default values will be used. +`pop()` takes optional parameters for the number of activities to pop and additional options. These parameters can be omitted, and default values will be used. ```ts -pop(); // pop a single stack +pop(); // pop a single activity -pop(3); // pop multiple stacks +pop(3); // pop multiple activities pop({ /* additional option */ -}); // pop a single stack with additional options +}); // pop a single activity with additional options pop(3, { /* additional option */ -}); // pop multiple stacks with additional options +}); // pop multiple activities with additional options ``` -The first parameter of the pop() function can specify the number of stacks to pop or define additional options. If the first parameter is used for the number of stacks, the second parameter can then be used to provide additional options. +The first parameter of the pop() function can specify the number of activities to pop or define additional options. If the first parameter is used for the number of activities, the second parameter can then be used to provide additional options. The additional options include the following values. @@ -197,4 +197,4 @@ The additional options include the following values. --- -We have learned how to stack, replace, and delete activities. Now, let's learn how to create a virtual stack within an activity. +We have learned how to activity, replace, and delete activities. Now, let's learn how to create a virtual activity within an activity. diff --git a/docs/pages/docs/get-started/navigating-activities.ko.mdx b/docs/pages/docs/get-started/navigating-activities.ko.mdx index 742f2fa42..cacee676a 100644 --- a/docs/pages/docs/get-started/navigating-activities.ko.mdx +++ b/docs/pages/docs/get-started/navigating-activities.ko.mdx @@ -75,7 +75,7 @@ push( ## 현재 액티비티 교체하기 -다음으로 스택에 새로운 액티비티를 추가하지 않고 현재 액티비티를 교체하는 방법에 대해서 살펴봐요. `stackflow.ts`에서 생성했던 `useFlow()` 훅의 `replace()` 함수를 통해 다음과 같이 현재 액티비티를 교체할 수 있어요. +다음으로 액티비티에 새로운 액티비티를 추가하지 않고 현재 액티비티를 교체하는 방법에 대해서 살펴봐요. `stackflow.ts`에서 생성했던 `useFlow()` 훅의 `replace()` 함수를 통해 다음과 같이 현재 액티비티를 교체할 수 있어요. ```tsx filename="MyActivity.tsx" copy import { ActivityComponentType } from "@stackflow/react"; @@ -171,25 +171,25 @@ const Article: ActivityComponentType = ({ params }) => { export default Article; ``` -`pop()` 함수는 제거할 스택 개수와 추가 옵션을 위한 선택적 파라미터를 받을 수 있어요. +`pop()` 함수는 제거할 액티비티 개수와 추가 옵션을 위한 선택적 파라미터를 받을 수 있어요. 첫번째 파라미터는 생략 가능하며, 생략 시 기본값이 사용돼요. ```ts -pop(); // 스택 하나 제거 +pop(); // 액티비티 하나 제거 -pop(3); // 스택 여러 개 제거 +pop(3); // 액티비티 여러 개 제거 pop({ /* 추가 옵션 */ -}); // 추가 옵션과 함께 스택 하나 제거 +}); // 추가 옵션과 함께 액티비티 하나 제거 pop(3, { /* 추가 옵션 */ -}); // 추가 옵션과 함께 스택 여러 개 제거 +}); // 추가 옵션과 함께 액티비티 여러 개 제거 ``` -`pop()` 함수의 첫번째 파라미터는 제거할 스택의 개수를 지정하거나 추가 옵션을 정의할 수 있어요. -첫번째 파라미터를 스택 개수로 사용하면, 두번째 매개변수는 추가 옵션을 전달하는 데 사용할 수 있어요. +`pop()` 함수의 첫번째 파라미터는 제거할 액티비티의 개수를 지정하거나 추가 옵션을 정의할 수 있어요. +첫번째 파라미터를 액티비티 개수로 사용하면, 두번째 매개변수는 추가 옵션을 전달하는 데 사용할 수 있어요. `pop()` 함수의 첫번째 파라미터인 추가 옵션에는 다음과 같은 값이 있어요. @@ -201,4 +201,4 @@ pop(3, { --- -액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 액티비티 내의 가상의 스택을 만들 수 있는 방법에 대해 알아봐요. \ No newline at end of file +액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 액티비티 내의 가상의 액티비티을 만들 수 있는 방법에 대해 알아봐요. \ No newline at end of file From a63e0cc09f2c52110a90678bb3f0652cc334c062 Mon Sep 17 00:00:00 2001 From: SEOKKAMONI Date: Fri, 15 Aug 2025 22:24:06 +0900 Subject: [PATCH 4/7] chore: update --- docs/pages/docs/get-started/navigating-activities.en.mdx | 2 +- docs/pages/docs/get-started/navigating-activities.ko.mdx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/pages/docs/get-started/navigating-activities.en.mdx b/docs/pages/docs/get-started/navigating-activities.en.mdx index 62ac54f07..9375e4cc5 100644 --- a/docs/pages/docs/get-started/navigating-activities.en.mdx +++ b/docs/pages/docs/get-started/navigating-activities.en.mdx @@ -197,4 +197,4 @@ The additional options include the following values. --- -We have learned how to activity, replace, and delete activities. Now, let's learn how to create a virtual activity within an activity. +We have learned how to stack, replace, and delete activities. Now, let's learn how to create a virtual stack within an activity. diff --git a/docs/pages/docs/get-started/navigating-activities.ko.mdx b/docs/pages/docs/get-started/navigating-activities.ko.mdx index cacee676a..32bb9c1d9 100644 --- a/docs/pages/docs/get-started/navigating-activities.ko.mdx +++ b/docs/pages/docs/get-started/navigating-activities.ko.mdx @@ -75,7 +75,7 @@ push( ## 현재 액티비티 교체하기 -다음으로 액티비티에 새로운 액티비티를 추가하지 않고 현재 액티비티를 교체하는 방법에 대해서 살펴봐요. `stackflow.ts`에서 생성했던 `useFlow()` 훅의 `replace()` 함수를 통해 다음과 같이 현재 액티비티를 교체할 수 있어요. +다음으로 스택에 새로운 액티비티를 추가하지 않고 현재 액티비티를 교체하는 방법에 대해서 살펴봐요. `stackflow.ts`에서 생성했던 `useFlow()` 훅의 `replace()` 함수를 통해 다음과 같이 현재 액티비티를 교체할 수 있어요. ```tsx filename="MyActivity.tsx" copy import { ActivityComponentType } from "@stackflow/react"; @@ -201,4 +201,4 @@ pop(3, { --- -액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 액티비티 내의 가상의 액티비티을 만들 수 있는 방법에 대해 알아봐요. \ No newline at end of file +액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 스택 내의 가상의 액티비티을 만들 수 있는 방법에 대해 알아봐요. \ No newline at end of file From 8d0fc1a497778ce806dbbbc34fdedd2b5f88eaf2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=84=9D=EC=A7=84=28poki=29?= <102217654+SEOKKAMONI@users.noreply.github.com> Date: Fri, 15 Aug 2025 22:26:37 +0900 Subject: [PATCH 5/7] Update docs/pages/docs/get-started/navigating-activities.ko.mdx --- docs/pages/docs/get-started/navigating-activities.ko.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/pages/docs/get-started/navigating-activities.ko.mdx b/docs/pages/docs/get-started/navigating-activities.ko.mdx index 32bb9c1d9..5fc3edf29 100644 --- a/docs/pages/docs/get-started/navigating-activities.ko.mdx +++ b/docs/pages/docs/get-started/navigating-activities.ko.mdx @@ -201,4 +201,4 @@ pop(3, { --- -액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 스택 내의 가상의 액티비티을 만들 수 있는 방법에 대해 알아봐요. \ No newline at end of file +액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 스택 내의 가상의 액티비티를 만들 수 있는 방법에 대해 알아봐요. \ No newline at end of file From fd314e4d4ba2ea5173c1b5b27fadc2e5219d4a1b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=84=9D=EC=A7=84=28poki=29?= <102217654+SEOKKAMONI@users.noreply.github.com> Date: Fri, 15 Aug 2025 22:28:56 +0900 Subject: [PATCH 6/7] Update docs/pages/docs/get-started/navigating-activities.ko.mdx --- docs/pages/docs/get-started/navigating-activities.ko.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/pages/docs/get-started/navigating-activities.ko.mdx b/docs/pages/docs/get-started/navigating-activities.ko.mdx index 5fc3edf29..f0352bdc0 100644 --- a/docs/pages/docs/get-started/navigating-activities.ko.mdx +++ b/docs/pages/docs/get-started/navigating-activities.ko.mdx @@ -201,4 +201,4 @@ pop(3, { --- -액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 스택 내의 가상의 액티비티를 만들 수 있는 방법에 대해 알아봐요. \ No newline at end of file +액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 액티비티 내의 가상의 스택을 만들 수 있는 방법에 대해 알아봐요. \ No newline at end of file From 2b04572fc59798d8e8d2eac4684131051355dc7e Mon Sep 17 00:00:00 2001 From: Jaewon Seo Date: Sat, 16 Aug 2025 00:18:25 +0900 Subject: [PATCH 7/7] Update navigating-activities.ko.mdx --- docs/pages/docs/get-started/navigating-activities.ko.mdx | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/docs/pages/docs/get-started/navigating-activities.ko.mdx b/docs/pages/docs/get-started/navigating-activities.ko.mdx index f0352bdc0..1b0d21d14 100644 --- a/docs/pages/docs/get-started/navigating-activities.ko.mdx +++ b/docs/pages/docs/get-started/navigating-activities.ko.mdx @@ -171,8 +171,8 @@ const Article: ActivityComponentType = ({ params }) => { export default Article; ``` -`pop()` 함수는 제거할 액티비티 개수와 추가 옵션을 위한 선택적 파라미터를 받을 수 있어요. -첫번째 파라미터는 생략 가능하며, 생략 시 기본값이 사용돼요. +`pop()` 함수의 첫번째 파라미터는 제거할 액티비티의 개수를 지정하거나 추가 옵션을 정의할 수 있어요. +첫번째 파라미터를 액티비티 개수로 사용하면, 두번째 매개변수는 추가 옵션을 전달하는 데 사용할 수 있어요. ```ts pop(); // 액티비티 하나 제거 @@ -188,9 +188,6 @@ pop(3, { }); // 추가 옵션과 함께 액티비티 여러 개 제거 ``` -`pop()` 함수의 첫번째 파라미터는 제거할 액티비티의 개수를 지정하거나 추가 옵션을 정의할 수 있어요. -첫번째 파라미터를 액티비티 개수로 사용하면, 두번째 매개변수는 추가 옵션을 전달하는 데 사용할 수 있어요. - `pop()` 함수의 첫번째 파라미터인 추가 옵션에는 다음과 같은 값이 있어요. @@ -201,4 +198,4 @@ pop(3, { --- -액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 액티비티 내의 가상의 스택을 만들 수 있는 방법에 대해 알아봐요. \ No newline at end of file +액티비티를 쌓고, 교체하고, 삭제하는 방법에 대해서 알아봤어요. 이제 액티비티 내의 가상의 스택을 만들 수 있는 방법에 대해 알아봐요.